校訓 : 強く 正しく 美しく

主体的に学び 仲間とともに 未来を創る力を育む

福山市立東小学校のホームページへようこそ!!  本校のホームページは,タブレットやスマートフォンにも対応し,ご覧いただきやすくなっています

サイト情報Siteinfo

テーマカラーの確認


このページは,
テーマカラー確認用ページです。


 「テーマカラー」とは,全てのページを同じ色調にし,サイト全体としての統一感を出そうというものです。季節の変わり目,学期の変わり目などに簡単な操作で「テーマカラー」をチェンジして,新鮮なイメージを与えます。

 設定された「テーマカラー」を適用するとどんな印象に変わるか,下のボタンをクリックして確認することができます。


テーマカラー設定方法Theme Color


「css」フォルダ内の「style.css」の中の1行を変更すると,サイト内の全ページの「テーマカラー」を変更することができます。

 設定された「テーマカラー」は,青色で示されています。

 このうち1種類を赤の部分に設定します。

 編集して保存した「style.css」をアップロードすると,サイト内の全ページの「テーマカラー」が変更されます。


style.css

@charset "utf-8";

/* ▼▼▼ここにテーマカラーセットを設定する▼▼▼ */

@import "color_darkgreen.css"; ← 下の中からここに設定する

/* ▲▲▲ここにテーマカラーセットを設定する▲▲▲ */


/* テーマカラーの待機(この中から1つを上に設定する)

@import "color_darkblue.css";

@import "color_steelblue.css";

@import "color_darkgreen.css";

@import "color_darkred.css";

@import "color_darkorange.css";

@import "color_purple.css";

@import "color_olive.css";

@import "color_blue.css";

*/

~以下略~

pagetop