入口 > テンプレ - カスタマイズ > 記事エリアの背景を変える

記事エリアの背景を変える

背景に画像を使ったり色を変えたりすると、記事の内容を表示しているボックスもちょっと変化をつけたくなるんではないかと思います。そんなときは以下の作業をしてみてください。
記事エリアの色を変えるには、スタイルシート末尾に

#not_index_area { background: お好きなカラーコード; }

と加えて、赤字を書き換えてください。
カラーコードに続けて(半角スペースを空けてから)「url(http://背景画像のアドレス)」と入れれば、画像を置くこともできます。半透明pngやgifを敷き詰めれば背景を半透明にできます。(記事内の字や画像まで半透明になっても良ければ「 filter: alpha(opacity=75); -moz-opacity: 0.75; opacity:0.75;」と足しても(「75」をいじって透明度を調節してください)。)

記事エリアの角を丸くしたいときは、更に

#not_index_area { background: お好きなカラーコード; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }

と青字を加えてください。ブルー背景部分で角の大きさを指定しているので適当に書き換えてください。
これはIE8以下には効きません。javascriptでどうにかする方法がいくつか(例1例2など)あるようです。

もしページ上部から記事エリアまでの幅が狭い感じがするなら、更に

#container { padding-top: お好きな数値px; }

と加えて、黄字部分で調整してください。
2012-06-30