ページごとにデザインを変える

こんにちは。
ご質問ありがとうございます。

サイトを拝見させていただきました。すっきりとしたデザインで、とてもきれいですね！

「ページごとに」とはどういうかんじでしょうか。

もし、ニュースやカレンダーなど、セクションごとに色を変える、ということでしたら、body の id を利用する方法はいかがでしょう。

「ナビメーカー」の「ナビゲーション作成」画面を開くと、各 CGI の body id が表示されます（添付画像参照）。

この body id ごとに #header の background-color を指定すれば、CGI ごとにヘッダ背景色を変更できます。

たとえば、news のヘッダ背景を赤色にするには、CSS ファイルに次のように追記します。

body#document_news div#header {
 background-color: #ff0000;
}

CSS ファイルに追記するには、「ナビメーカー」の「ナビゲーションレイアウト」「Vicuna 互換ヘッダ方式」「追加スタイルシート」に書き込み、「ナビゲーション作成」で「ナビゲーション書き出し」を実行するとよいのではないかと思います。

ありがとうございました。