テーマカラー
現在は「」が適用されています。
「テーマカラー」とは，全てのページを同じ色調にし，サイト全体としての統一感を出そうというものです。
用意された「カラーセット」を切り換えて，季節の変わり目，学期の変わり目などには「テーマカラー」を変更して，気分を一新しましょう!!
変更は，簡単な操作で行うことができます。
用意された「カラーセット」を適用するとどんな印象に変わるか，上のボタンをクリックして確認することができます。
テーマカラー
現在は「」が適用されています。
「テーマカラー」とは，全てのページを同じ色調にし，サイト全体としての統一感を出そうというものです。
用意された「カラーセット」を切り換えて，季節の変わり目，学期の変わり目などには「テーマカラー」を変更して，気分を一新しましょう!!
変更は，簡単な操作で行うことができます。
用意された「カラーセット」を適用するとどんな印象に変わるか，上のボタンをクリックして確認することができます。
「css」フォルダ内の「settei.css」の中の１行を変更すると，全ページの「テーマカラー」を変更することができます。
事前に準備された「テーマカラー」は，「テーマカラーの待機」の部分に青色で示されています。
このうち１種類を 赤字の部分 に設定します。
編集して保存した「settei.css」をアップロードすると，「テーマカラー」の変更が反映されます。
settei.css
@charset "utf-8";
/* ▼▼▼ここにテーマカラーセットを設定する▼▼▼ */
@import "color_limegreen.css"; ← 下の中から１つをここに設定する
/* ▲▲▲ここにテーマカラーセットを設定する▲▲▲ */
/* テーマカラーの待機（この中から１つを上に設定する）
@import "color_darkgreen.css";
@import "color_limegreen.css";
@import "color_purple.css";
@import "color_brown.css";
@import "color_loyalpurple.css";
@import "color_mauve.css";
*/
ヘッダー部分（各ページ最上部）の「スローガン」及び スライド内の「スローガン」は，「settei.css」の上の「赤字の部分」の部分を書き変えると変更することができる。
/*------------------------------------------------------------
★★★★ h1 に表示されるスローガン等の設定★★
------------------------------------------------------------*/
h1 p:before{
content:"世羅高等学校 広島校友会 の公式サイトです";
}
/*------------------------------------------------------------
★★ トップページの「スローガン（スライド内）」の設定★★
------------------------------------------------------------*/
#mainBanner h2:before{
content:"世羅高等学校 広島校友会";
}
#mainBanner h3:before{
content:"皆様のご入会をお待ちしています。";
}
