入口 > お問合せ - お返事 > カテゴリによってデザインを変えたい件、他

カテゴリによってデザインを変えたい件、他

◆はな様 

こんにちは! リニュ版もDLしてくださったんですね、ありがとうございます!
さてお尋ねの「カテゴリによってデザインを変える」カスタマイズの件ですが、すみませんできますー!!! 私がさぼって記事をまとめていなかっただけです……いやあんまり需要ないかなーと思ってしまい……

そして実はバージョンアップ前のものと要領も一緒です。(細かい記述やサンプルが変わってくるため「これは使えません!」と告知しておりました、重ねてすみません)
つまり、テンプレスタイルシート末尾に

.category_catX_body {    }

と加えて、赤字の「X」をスタイルを変えたいカテゴリ番号に書き換え、その後のピンク背景のところでお好きなスタイルを指定してくださればOKです。
例えばカテゴリ番号「10」を字色背景色ともに赤系っぽい感じにして記事部分はさらに薄いピンクにしてついでに古めIE以外で角を丸くしたければ

.category_cat10_body { color: #500; background: #fee; }
.category_cat10_body a, .category_cat3_body a:visited { color: #900; }
.category_cat10_body a:hover, .category_cat3_body a:active { color: #c00; }
.category_cat10_body #not_index_area { background: #fffafa; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }

とするなど、です。(実際にはパンくずリストや検索窓関係も指定した方がきれいですけども)

またちゃんとカスタマイズ記事としてまとめますね。お手間とらせてしまい申し訳ありません。

また、もう一点の背景画像が変わらない件ですが、今↓ブルー背景位置にあるセミコロン「;」のせいだと思うので、これを削除してしまうか、閉じカッコ「}」のすぐ前、青字「;」のところに移動させてみてください。

------------------------
/*** 色関係 ***/
/* 色【基本】 */
body { color: #333; background: #fff url(http://〜.gif); }
------------------------

ちょっと細かくて見えにくいですが、わかりますでしょうか?

以上です。ご不明な点などありましたらまたおたずねください。
宜しくお願い致します。

2012-07-18