季節が色だけを変えるカスタマイズ

FC2ブログの独自変数を利用して、季節が変われば色も変わるという、ガラス細工のフィーリングな、お遊びカスタマイズ。これを実装すると、放置されたブログも季節感を演出する事が出来ますw

やり方はとっても簡単。試しに適用したのはトップページと月別ページの記事リスト部分の背景色のみ。なので雰囲気はイマイチ出ませんが、クラス名に月を表す独自変数<%now_month>を利用しました。そのタグから出力される数値は01〜12の12種類に限られています（当たり前か..^^;)。その数値をクラス名に含ませて、スタイルシートで色を当ててみましょう！（またつまらぬ事を..´Д｀;)

<!--date_area--><ul class="m<%now_month>"><!--/date_area-->
<!--category_area--><ul class="m01"><!--/category_area-->
<!--index_area--><ul class="m<%now_month>"><!--/index_area-->
<!--search_area--><ul class="m07"><!--/search_area-->
<!--edit_area--><ul class="m07"><!--/edit_area-->

.m12,.m01,.m02 {
　　background: #eef;
　　border-right: 1px solid #bbc;
　　border-bottom: 1px solid #bbc;
}
.m03,.m04,.m05 {
　　background: #efe;
　　border-right: 1px solid #9c9;
　　border-bottom: 1px solid #9c9;
}
06〜11は略...

他のエリアは指定したい色に該当する数値（月)を指定しました（m13等にして別の色にするのもアリ）。ただしトップから次ページに移動するpageエリアでは、たぶん色が付きません笑。独自変数<!--not_index_area-->や<!--not_date_area-->等のnot系変数を応用したり、もしくはCSSで初期色を指定すれば可能ですが、うちの場合は元々トップではprevやnextを使っていないから不要なのです笑笑。（トップから過去に遡るには月別アーカイブがあるから不要という考えで、そこに無意味なコダワリが..笑。）

これは月（季節)単位で色を指定しましたが、カテゴリ単位で替える事も可能です。その場合はカテゴリナンバーを表すFC2ブログ独自変数<%cno>を利用します（各カテゴリナンバーはURLを見れば判ります）。

2005/09/26 | カスタマイズ（FC2） | ↓コメント 0 | ↓トラックバック 0