背景色を黒、文字を白に。通常テンプレの色を反転したカスタマイズ

今回はFC2ブログテンプレートのカスタマイズの実例として、背景色を黒、文字を白にする、簡単に言うと色を反転させたカスタマイズを紹介します。
特に説明するほどのものではありませんので、興味がある方はスタイルシートをダウンロードして適用してみて下さい。

注意:以下でご紹介するカスタマイズは、blogtube_extra用のカスタマイズになります。

1.カスタマイズしたスタイルシートを適用

フリーエリア有り(blogtube_extra)

フリーエリア無し(blogtube_extra01)

2.スタイルシートのダウンロード

フリーエリア有り(blogtube_extra_bkcss.txt)
フリーエリア無し(blogtube_extra_bk01css.txt)

テキストファイルはクリックで表示ではなく、右クリックメニューからダウンロードして下さい。その後テキストエディタで開きます。
色の変更だけなので、スタイルシートに貼り付ければそれだけでカスタマイズ完了です。

3.カスタマイズのポイント

カスタマイズした範囲が広いので、詳細は控えさせていただきます。
基本的には色を反転させているんですが、文字の色やカラムの背景色などはコントラストの関係上、控えめな明るさにしています。文字の色が白(#ffffff)だと目に良くありません。
また、同様にボーダーも外周だけにして、それ以外は削除しています。これもコントラストの関係で、ボーダーをつけるとかなりしつこくなります。
見た感覚的に、通常の色の反転を再現してみました。

ちなみにフリーエリア有り無しで違う箇所は、フリーエリア無しはバナーの下に20pxのマージンを設けています。違いはそれだけです