スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

新規投稿の直後にこの記事を見たら、文字列は自動折り返しされず右端で途切れてしまっていた。

1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890 1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890

新規投稿の直後にこの記事を見たら、文字列は自動折り返しされず右端で途切れてしまっていた。
表の中の文字列も同様でした。
時間の経過とともにこの状況は改善されていくシステムなのか、しばらく観察します。

テンプレート名
business-u1→grey_2column



池田税理士事務所Ι富山の会計事務所Ι富山市fc2TOP

スポンサーサイト

テーマ : 富山県
ジャンル : 地域情報

fc2ブログのPCテンプレート [ grey_2column ] の背景と文字の色を変更するカスタマイズ

カスタマイズ超初心者の個人的覚書です。

grey_2column1 のスタイルシート編集
 ↓オリジナルのテンプレートに含まれていた全てのcolor(色)
 #333333 #CCCCCC #FFFFCC #FFFFFF #666666 #999999 #FF6600 #0066FF

fc2ブログのPCテンプレート [ grey_2column ] のオリジナルは背景に画像を使ってなさそうに見えたので気に入りました。
オリジナルは背景が黒または濃い灰色で薄い灰色の文字が浮かび上がるという幻想的なテンプレートですが
普通の文字部分の背景が白で文字が黒、リンクがかかれば青になるテンプレートにカスタマイズしたい。
以下、その個人的記録です。(スタイルシート編集はしましたがHTML編集は一切していません・・・わざわざそうしたのではなく結果的にそうでした。

1.背景(body background-color)を#FFFFFF(白色)にしたいのですが既に使われている#FFFFFFがあるかどうか検索で調べました。a:link activeとトラックバックとカレンダーに使われているようです。私はトラックバックとカレンダーは使わないつもりなのでここがどう変わろうが構わない(-_-;)。a:link activeは#ff0000に変更したいと思っていましたので、幸い#ff0000は使われていないので、#FFFFFFを全て#ff0000に書き替えました。

2.いよいよ背景(background-color)を#FFFFFF(白色)に変更する作業です。「color:#333333」を検索で探して「color:333333」とあるのを全て「color:#FFFFFF」に打ち替えました。幸い「color:#333333」の所には全てbackground-colorと書いてありました。

ここでプレビューしてみました。背景が白色になっていて上手くいったようです。が、もう一つ背景があります。 これもいくいくは白色にしようと思っているのですが、幅の変更をする時に全部白色では判り辛そうという訳で、#FFFFFFを使われていない#ffff99薄黄色に書き替えました。
もう一度プレビューして更新しました。
今まで作業していたgrey_2column1の複製を作って、できたgrey_2column11に適用マークを付け替えて適用ボタンをクリックして編集再開です。

backgroundを検索して、#ffff99薄黄色でない背景の色を探します。background:#666666が沢山でとtrackback_url background-color: #FF6600が1個?
取りあえず#666666だけを検索で探してbackgroundの所であれば色を#FFFFFF(白色)に書き替えます。

ここでプレビューしてみました。背景のほとんどが白色と薄黄色になってるようなのでここで一段落終了です。

文字の色の変更に取り掛かります。

説明本文などの色の#CCCCCC(薄い灰色)を検索で探します。これを私は#000000(黒色)に書き替えます。
5か所書き替えるのですが勉強のため一か所ずつプレビューしながら書き替えます。
これで多分リンクのかかってない文字の色は全部計画通りに書き換わった・・・筈。

リンクのかかっている文字のリンク色の変更。
a:visited「color:#FFFFCC」 → 「color:#551a8b」
a:focus,
a:hover,

「color:#FFFFCC」 → 「color:000000」

もう一度プレビューして更新しました。

 ↓この段階でのテンプレートに含まれている全てのcolor(色)
 #ffff99 #000000 #551a8b #ff0000 #FF6600 #FFFFFF #0066FF

オリジナルのgrey_2column
RGB値 セル 用途    
#333333 背景 body background-color 濃い灰色
#666666 背景 sub_header background やや濃い灰色
#999999 背景 sub_header background 灰色
#CCCCCC 説明本文など body color 薄い灰色
#ffff99 未読 a:link
#FFFFCC 既読 a:link visited
設定なし 選択時 a:link focus
設定なし マウスオーバー a:link hover
#FFFFFF 選択決定時 a:link active
カスタム後のgrey_2column
#ffff99 背景 body background-color 薄黄色
#FFFFFF 背景 sub_header background
#999999 背景 sub_header background 灰色
#000000 説明本文など body color 薄い灰色
設定なし 未読 a:link
#551a8b 既読 a:link visited
設定なし 選択時 a:link focus
設定なし 選択決定時 a:link active
#ff0000 マウスオーバー a:link hover
Web Safe Color一覧表-カラーチャート by 初心者のためのホームページ作り


--------------------------------------------------------


FC2ブログのタイトルと記事の間を狭くしたい - ブログ _ 【OKWave】

2014.09.08 更新 2014-09-05 初稿



にほんブログ村 地域生活(街) 中部ブログ 富山県情報へ

池田税理士事務所Ι富山の会計事務所Ι富山市


















































テーマ : 富山県
ジャンル : 地域情報

fc2ブログのPCテンプレート [ basic_white ] のカスタマイズ

fc2ブログのPCテンプレート [ basic_white ] のカスタマイズ

フリーエリア(ブログパーツ等)をプラグインカテゴリ2に入れるとボトムで左寄せになる。
フリーエリア(ブログパーツ等)をプラグインカテゴリ3に入れるとボトムでセンター寄せになる。
フリーエリア(ブログパーツ等)を右サイドメニューに配したい時はプラグインカテゴリ2に入れてはいけない。

fc2 PCテンプレート [ basic_white ] の記事の「続きを読む」設定をやめたいができない。

basic_white テンプレート 基本的なデザインのカスタマイズ・変更 - FC2ブログテンプレート改造圏
basic_white - 素材圏 - page 1


池田税理士事務所Ι富山の会計事務所Ι富山市fc2TOP

テーマ : 富山県
ジャンル : 地域情報

tag : fc2 ブログ PCテンプレート basic_white カスタマイズ

fc2ブログのPCテンプレート [ death ] の背景と文字の色を変更する超初心者的カスタマイズ

fc2ブログのPCテンプレート [ death ] の背景と文字の色を変更する超初心者的カスタマイズ

fc2ブログのPCテンプレート [ death ] のオリジナルの右サイドメニューが上の方からはじまっていたので気に入りました。
背景が黒または紺で白色の文字が浮かび上がるという幻想的なテンプレートですが
普通の背景が白で文字が黒、リンクがかかれば青になるテンプレートにカスタマイズしたい。
以下、その個人的記録です。(スタイルシート編集はしましたがHTML編集は一切していません・・・わざわざそうしたのではなく結果的にそうでした。)

1.「color:#」を検索で探して「color:#***」とあるのを全て「color:#000000」に打ち替えました。即ち文字は全て黒色。

2.文字がリンク色の部分を次のように打ち替えました。#以下の3文字を6文字に打ち替えただけです。

ここで一旦更新してブログを見ます。
「文字は黒でリンクがかかれば青」には成功していますが背景は相変わらず暗いままです。
「color:#」の部分は全て打ち替えたのに背景の色が変わらない。
どうも背景は画像で設定しているらしいです。

3.はじめてのFC2ブログカスタマイズ:背景の色を変更 で勉強して
背景画像を削除して、背景色の設定にbackground-colorプロパティを使用します。
「背景画像を削除して、背景色の設定にbackground-colorプロパティを使用します」の画像
↑(2回クリック)スタイルシート編集の初っ端のbodyの{}の中の11行を1行に打ち替えています。
専門用語の言葉は難しいですが、作業的には簡単過ぎるくらいです。勇気あるのみです。
これで記事欄の背景は白色になりました。

しかし、右サイドメニューの背景は黒色のままです。
いろいろやってみたプレビューは枠落ちしたブログ画面ばかりだったのでギブアップしました。
FC2ヘルプ FC2ブログ 文字の変更・背景の変更
FC2ヘルプ FC2ブログ 背景画像・背景色の変更
などをもっと勉強すればなんとかなるかもしれません。。。...

4.PCテンプレート [ death ] にもプラグインカテゴリ3があるのですが、それがボトムになくて右サイドメニューの下にあるのです。
私の知識ではボトムに持って来るのは大変そうなので [ death ] 導入は諦めることにしました。

(私はコメントもトラックバックもしないのでそこがどう変わろうが構わないお人です。)

----------------------------------------------------------------------------------

↓個人的メモ

death
RGB値 セル 用途  
#000000 説明本文など font body
#ffffff 背景  
#fff #fff link color:#fff link color:#000000
#999 #999 active color: #999 active color: #0000cc
#fff #fff visited color:#fff visited color:#551a8b
#d00 #d00 hover color: #d00 hover color: #8080c0
#fff #fff color:#fff
#777 #777 color: #777 border
#f00 #f00 color: #f00 border
#00f #00f color: #00f border



携帯電話で表の枠が崩れるか崩れないかのテスト
RGB値 セル 用途
#000000 説明本文など
#ffffff 背景
#0000cc 未読
#7777cc 未読(小)
#551a8b 既読
#ff0000 既読直後
Google検索画面の文字の色 - Google検索

2014.09.03 20:57 初稿




池田税理士事務所Ι富山の会計事務所Ι富山市fc2TOP

テーマ : 富山県
ジャンル : 地域情報

tag : fc2ブログ PC テンプレート death 背景 文字 変更 カスタマイズ

fc2無料ブログのPCテンプレート [ grey_2column ]スタイルシートによる色の変更

テンプレート名
business-u1→grey_2column

PCテンプレート [ grey_2column ]色変更前のスタイルシート
RGB値 セル 用途
#333333 background-color 大背景
#CCCCCC text 文字
#FFFFCC Hyper text:visited 既読
#FFFFFF Hyper text:active 未読
#666666 Main Contents:div.content:background 記事の背景
#FF6600 p.trackback_url:background-color  
#0066FF calender(Plugin):table.calender th#sat カレンダー土曜日

PCテンプレート [ grey_2column ]色変更後のスタイルシート
RGB値 セル 用途
#333333 background-color 大背景
#CCCCCC text 文字
#FFFFCC Hyper text:visited 既読
#FFFFFF Hyper text:active 未読
#666666 Main Contents:div.content:background 記事の背景
#FF6600 p.trackback_url:background-color  
#0066FF calender(Plugin):table.calender th#sat カレンダー土曜日

色を真似したいブログサイトのスタイルシート


googleのリンクの色
RGB値 セル 用途
#000000 説明本文など
#0000cc 未読
#7777cc 未読(小)
#ffffff 背景
#551a8b 既読
#ff0000 既読直後


スタイルシートで色の指定を変更するには先ずスタイルシートで「color:」を探すことから始めれば良い?
grey_2column のスタイルシート編集


fc2ブログのPCテンプレート [ grey_2column ] の背景と文字の色を変更するカスタマイズ

fc2ブログ grey_2column 適用しています - Google 検索.htm

fc2ブログ grey_2column カスタマイズ - Google 検索.htm

fc2ブログ grey_2column カスタマイズ 幅 - Google 検索.htm

2014.05.02 初稿







にほんブログ村 地域生活(街) 中部ブログ 富山県情報へ

池田税理士事務所Ι富山の会計事務所Ι富山市


















































テーマ : 富山県
ジャンル : 地域情報

tag : fc2無料ブログ PCテンプレート grey_2column スタイルシート 色の変更

「ブログ サイドバー 落ちる」の対処法(by HTMLタグ利用状況解析ツール)

「ブログ サイドバー 落ちる」の対処法(by HTMLタグ利用状況解析ツール)


「ブログ サイドバー 落ちる」の検索結果 - Yahoo!検索

サイドバーが落ちる時もあれば、記事が落ちる時もあります。


HTMLのミス(主にタグの閉じ忘れなど)
例えば「<div> と 」は必ずセットで書かれていないといけないのに
どちらかが抜けると落ちます。(落ちない時もあるみたい)
私がよくやるのがこの<div>のミスです。
ブログパーツや広告をいじると何回に1回かはこのミスをやります。


ところがセットで使われないといけないタグは<div>だけではないのです。
<div>の書き漏らしでなかった時は一体何のタグなのか? 悩ましいところです。

こういう時に便利なのが
SEO 検索エンジン最適化 - すべて無料の最新SEO情報サイトさんの
HTMLタグ利用状況解析ツールです。

「検証したいページのURL」に自分のブログのトップページのURLを入れて解析してもらいます。
ミスがあると下記の画像のように表示されます。


HTMLタグ利用状況解析結果.JPG

ミスのあるタグさえ判れば、ブログのソースを表示させて
「Find:」で、「h2>」とか「h4>」を探して行けば良いです。
記事欄もサイドメニューも両方同時に検索できます。


と言う方法もあるということで個人的メモにしました。


池田税理士事務所Ι富山の会計事務所Ι富山市

テーマ : 会計・税務 / 税理士
ジャンル : ビジネス

tag : ブログ サイドバー 落ちる 対処法 HTMLタグ利用状況解析ツール

アクセス解析
人気頁 応援 Twitter
ブログパーツ
にほんブログ村 地域生活(街) 中部ブログ 富山県情報へ


富山市天気予報 by Minute™




最新記事
カテゴリ
楽天市場モーションウィジェット
楽天市場モーションウィンジェット



200*600

楽天モーションウィジェット縦型148*600
縦型148*600


縦型148*600


楽天トラベルモーションウィジェット
148*600

楽天市場旅行用品検索+楽天トラベルサービスリンク
【楽天市場】旅行用品 便利 の検索
【楽天ランキング市場】旅行用品 便利 の検索
【楽天アフィリエイト】旅行用品 便利 の検索







Amazon



楽天市場
プロフィール

池田税理士事務所

Author:池田税理士事務所
TEL 076-421-1753
FAX 076-425-8845
〒939-8082
富山県
富山市小泉町145-3

検索フォーム
QRコード
QR
RSSリンクの表示
リンク
ページランキング


  • SEOブログパーツ
トップページリンク
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。