挑戦・感動・感謝・郷土愛

郷土を愛し，心身ともにたくましく，主体的に学ぶ生徒の育成。

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

サイト情報Site Info

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

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

用意された「テーマカラー」を適用するとサイトの印象がどう変わるか，下のボタンをクリックして確認することができます。

ローヤルブルー（#4169e1） ミッドナイトブルー（#002855） ダークオリーブ（#354a08） マロン（#4e0210） ダークオレンジ（#df8b04） パープル（#800080） ダークレッド（#a90000） スチールブルー（#2d6286） サイトマップのページへ 

テーマカラーの変更方法Theme Color


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

 事前に準備されている「テーマカラー」は，青色で示されたのものです。

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

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


style.css

@charset "utf-8";

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

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

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


/*　テーマカラーの待機（この中から１つを上に設定する）

@import "color_royalblue.css";

@import "color_midnightblue.css";

@import "color_darkolive.css";

@import "color_marron.css";

@import "color_darkorange.css";

@import "color_purple.css";

@import "color_darkred.css";

@import "color_steelblue.css";

*/

～以下略～

pagetop