サイドバーのタイトル部分の色（カラーコード）の見つけ方

ファンブログカスタマイズ：サイドバー編投稿日：2009年06月06日 01:00

ファンブログ　カスタマイズ　シンプル系スキン限定

今回は項目内にタイトルバーを入れるために、自分のスキンの色（カラーコード）を知る方法を説明しますが、あくまでも私が使用していますシンプル系スキンの説明になります。
他のスキンをご利用になっている方は、サイドバーのタイトルに画像が使われている場合もありますので、その辺はかるく受け流してください。(^_^;)

スキンの色は「スタイルシート」というもので決められています。そのスタイスシートを見れば自分のスキンの色（カラーコード）がわかるということになります。

これからその「スタイルシート」のどこを見れば良いのか説明しますが、このスタイルシートとは、その内容を変更したり加述することにより、ブログの見た目を変更できるものなので、逆に誤った情報などを記述しますと最悪ブログが表示されなくなる危険なところという事も覚えておいてくださいね。

なんだか怖いお話をしましたが、「保存」さえしなければ大丈夫なのでパレットマークが付いています「スタイルの編集」を押してその「スタイルシート」を見てみましょう。

そうしますと、「スタイルシートの編集」という画面が開きます。このスタイルシートに記述されています /* サイドバーのタイトル部分 */ というところを探してください。少し下にスクロールすれば見つかりますので、ゆっくりスクロールしてみてください。

/* サイドバーのタイトル部分 */ のすぐ下 .side_title { に記述されていますのが、サイドバーのタイトルの見た目の内容になります。その中の background: #F4A460; が背景色で、 color: #6b3407; が文字色になります。これは私のスキンの色になりますので、
#から始まります6桁の英数字（カラーコード）は皆さん違うものになっているはずです。

このカラーコードをメモしておいてくださいますと、次回の項目内にタイトルバーを作るお話のときに現在表示されていますものと同じものが作成できます。

色（カラーコード）について知りたい方は、ネットで「色見本」、「カラーコード」などで検索すれば、いろんなサイトさんが出てきますので色々見てみてください。
ちなみに私がよく利用させてもらっていますのが、コードを入力すると背景色がその色になるタイプのサイトさんです。こちらなんかがシンプルで使いやすいと思います。

・カラーコードの仕組みをしろう！

CGIレンタルサービスさんのColor Table　http://www.finitojapan.com/cltable.html

次回こそ項目内にタイトルバーを作るお話をさせていただきます。