このページは,
テーマカラー確認用ページです。
「テーマカラー」とは,サイト内の全てのページを同じ色調にし,サイト全体としての統一感を出そうというものです。季節の変わり目,学期の変わり目などに簡単な操作で「テーマカラー」を変更して,新鮮なイメージを与えることができます。
用意された「テーマカラー」を適用するとサイトの印象がどう変わるか,下のボタンをクリックして確認することができます。
電話: 084-923-1607
〒721-0974 広島県福山市東深津町三丁目17番33号
E-mail: chu-joto@edu.city.fukuyama.hiroshima.jp
テーマカラーの確認
このページは,
テーマカラー確認用ページです。
「テーマカラー」とは,サイト内の全てのページを同じ色調にし,サイト全体としての統一感を出そうというものです。季節の変わり目,学期の変わり目などに簡単な操作で「テーマカラー」を変更して,新鮮なイメージを与えることができます。
用意された「テーマカラー」を適用するとサイトの印象がどう変わるか,下のボタンをクリックして確認することができます。
「css」フォルダ内の「theme_color.css」の中の1行を変更すると,サイト内の全ページの「テーマカラー」を変更することができます。
事前に準備されている「テーマカラー」は,青色で示されたものです。
このうち1種類を赤の部分に設定します。
編集して保存した「theme_color.css」をアップロードすると,サイト内の全ページの「テーマカラー」が変更されます。
theme_color.css
@charset "utf-8";
/* ▼▼▼ここにテーマカラーセットを設定する▼▼▼ */
@import "color_navy.css"; ← 下の中からここに設定する
/* ▲▲▲ここにテーマカラーセットを設定する▲▲▲ */
/* テーマカラーの待機(この中から1つを上に設定する)
@import "color_seagreen.css";
@import "color_steelblue.css";
@import "color_darkgreen.css";
@import "color_darkorange.css";
@import "color_darkred.css";
@import "color_purple.css";
@import "color_olive.css";
@import "color_darkbrown.css";
*/
~以下略~