Topライブドアブログカスタマイズの覚書:カスタマイズ応用編> ブログタイトルの文字の色を変更する
2007年05月15日

ブログタイトルの文字の色を変更してみましょう!

スタルシート(CSS)で、ブログタイトルの文字の色を変更するには、ブログのスタイルシート(CSS)から、下記の部分を書き換えます。
*下記のスタイルシート(CSS)は例です。

#banner a{color:#ffffff;text-decoration:none;}
#banner a:link{color:#ffffff;text-decoration:underline;}
#banner a:visited{text-decoration:none;}
#header a:active{text-decoration:none;}
#banner a:hover{text-decoration:underline;}

ライブドアブログのブログタイトル部分は通常リンクになっています。

リンクとは、リンクを張っている部分をクリックすると他のリンクを指定しているWebページや画像などにジャンプして誘導するためのものです。

ライブドアブログでは、ブログのタイトルをクリックすると、そのブログのトップページにジャンプして誘導されます。

そのため、ライブドアブログのブログタイトルの色を変更するには、このブログタイトルのリンクを記述している部分を書き換える必要があります。
*「ブログタイトルの文字の大きさ」を指定している部分とは違います。

この部分で、ブログタイトルのリンクを指定しています。

#banner a{color:#ffffff;text-decoration:none;}
#banner a:link{color:#ffffff;text-decoration:underline;}
#banner a:visited{text-decoration:none;}
#header a:active{text-decoration:none;}
#banner a:hover{text-decoration:underline;}

上記の中から、

color:#ffffff;

の部分が、ブログのタイトルの文字の色を指定しています。

「#ffffff」のように、スタイルシート(CSS)で、色を指定する方法は、RGB値16進数と呼ばれます。

RGB値16進数で指定する方法にも、

color:#ffffff;
とする方法と、
color:#fff;
と記述する方法があります。

どちらも同じ色を指定していますので、わかりやすい方で記述してください。

わかりにくければ、

color:#ffffff;

のように、6桁で記述は統一しても良いと思います。

また、「black」「blue」などと、色名で記述する方法もあります。

色名での記述方法は、

color:black;

上記のように、「color」に色名を記述します。

他にも記述方法は、色々ありますが、この2つのどちらかわかりやすい方法で記述すれば、どちらでも良いと思います。

色の見本(カラーリファレンス)は、色々なWebサイトで公開していますので、参考にしてください。

例えば、私はここを参考にしています。
HTMLクイックリファレンス
http://www.htmq.com/color/index.shtml

また、Webのカラーリファレンスについては、
CYBER@GARDEN
http://www.cybergarden.net/references/colors/
で、詳しく説明されていますので、参考にしてください。

色の見本(カラーリファレンス)で、実際の色を見て、あなたのブログのスタイルシート(CSS)に、そのまま記述すれば、ブログタイトルの文字の色を変更することができます。

ブログタイトルの色の編集が終わったら、下の方にある、【この内容で保存する】をクリックしてください。

その後は、ブログを再構築してください。

再構築は、【スタイルシート(CSS)】だけでもOKです。

再構築が終わったら、あなたのブログを実際に見て、確認してください。



トラックバックURL

この記事にコメントする

名前:
URL:
  情報を記憶: 評価: 顔