現在は「」が適用されています。
「テーマカラー」とは,全てのページを同じ色調にし,サイト全体としての統一感を出そうというものです。
用意された「カラーセット」を切り換えて,季節の変わり目,学期の変わり目などには「テーマカラー」を変更して,気分を一新しましょう!!
変更は,簡単な操作で行うことができます。
用意された「カラーセット」を適用するとどんな印象に変わるか,上のボタンをクリックして確認することができます。
テーマカラーの確認
現在は「」が適用されています。
「テーマカラー」とは,全てのページを同じ色調にし,サイト全体としての統一感を出そうというものです。
用意された「カラーセット」を切り換えて,季節の変わり目,学期の変わり目などには「テーマカラー」を変更して,気分を一新しましょう!!
変更は,簡単な操作で行うことができます。
用意された「カラーセット」を適用するとどんな印象に変わるか,上のボタンをクリックして確認することができます。
「css」フォルダ内の「settei_gakuen.css」「settei_shou」「settei_chu.css」の中の赤の部分を変更すると,それぞれ「広瀬学園サイト」「広瀬学園小学校サイト」「広瀬学園中学校サイト」の「テーマカラー」を変更することができます。
事前に準備された「テーマカラー」は,「テーマカラーの待機」の部分に青色で示されています。
このうち1種類を上の赤の部分に設定します。
保存してアップロードすると,「テーマカラー」の変更が反映されます。
settei_gakuen.css
settei_shou.css
settei_chu.css
@charset "utf-8";
/* ▼▼▼ここにテーマカラーセットを設定する▼▼▼ */
@import "color_maroon.css"; ← 下の中から1つをここに設定する
/* ▲▲▲ここにテーマカラーセットを設定する▲▲▲ */
/* テーマカラーの待機(この中から1つを上に設定する)
@import "color_maroon.css";
@import "color_darkolivegreen.css";
@import "color_steelblue.css";
@import "color_chocolate.css";
@import "color_rose.css";
@import "color_darkviolet.css";
*/
ヘッダー部分(各ページ最上部)の「学校教育目標」等は,「settei_gakuen.css」「settei_zenki.css」「settei_koki.css」の中の赤の部分を変更すると,それぞれ「広瀬学園サイト」「広瀬学園小学校サイト」「広瀬学園中学校サイト」の「スローガン等」を変更することができます。
settei_gakuen.css
settei_shou.css
settei_chu.css
/*------------------------------------------------------------
★★学校教育目標等の設定(変更された場合は,ここに設定する)★★
------------------------------------------------------------*/
h1 p:before{
content:"福山市立広瀬学園小・中学校の公式サイトです。";
}