入口 > テンプレ - カスタマイズ > 背景の色を変える

背景の色を変える

背景色の変更の仕方です。
背景の色を変えたいときは、「テンプレートの設定」画面で、スタイルシート下の方「/*** 色関係 ***/」の以下の赤字部分のコード(「#fff」というやつ)を書き換えてください。基本的に全体の背景を一箇所で指定しているだけですが、反転で隠しているところが1箇所あるのでご注意ください。

/*** 色関係 ***/
/* 色【基本】 */
body { color: #333; background: #fff; } ←全体の背景色
a { text-decoration: none; }
a:link { color: #333; }
 ・
 ・
.morelink a:hover, .morelink a:active { color:#333; }
.edit a { color: #ccc; text-decoration: none; }


/* 色【記事内部】 */
.more { border-top: dotted 1px #ccc; }
.topentry_body hr { border: none; border-top: dotted 1px #999; color: #fff/*背景と同色*/; } ←記事内の水平線にIEでcolorプロパティが反映されるのを隠してます
.topentry_body blockquote, .blog_baton { border:dotted 1px #999; }

どんなコードを指定すればどんな色になるのかといったことは、スタイルシートや色関係の専門のサイトをご参照ください。例えばこちらこちらなど、色コードのサンプルを見るだけでなく、配色をテストしたり和風洋風といったイメージから色を選んだりもできます。
2012-06-28