現在は「」が適用されています。
「テーマカラー」とは,全てのページを同じ色調にし,サイト全体としての統一感を出そうというものです。
用意された「カラーセット」を切り換えて,季節の変わり目,学期の変わり目などには「テーマカラー」を変更して,気分を一新しましょう!!
変更は,簡単な操作で行うことができます。
用意された「カラーセット」を適用するとどんな印象に変わるか,上のボタンをクリックして確認することができます。
テーマカラーの確認
現在は「」が適用されています。
「テーマカラー」とは,全てのページを同じ色調にし,サイト全体としての統一感を出そうというものです。
用意された「カラーセット」を切り換えて,季節の変わり目,学期の変わり目などには「テーマカラー」を変更して,気分を一新しましょう!!
変更は,簡単な操作で行うことができます。
用意された「カラーセット」を適用するとどんな印象に変わるか,上のボタンをクリックして確認することができます。
「css」フォルダ内の「settei.css」の中の1行を変更すると,全ページの「テーマカラー」を変更することができます。
事前に準備された「テーマカラー」は,「テーマカラーの待機」の部分に青色で示されています。
このうち1種類を赤の部分に設定します。
編集して保存した「settei.css」をアップロードすると,「テーマカラー」の変更が反映されます。
settei.css
@charset "utf-8";
/* ▼▼▼ここにテーマカラーセットを設定する▼▼▼ */
@import "color_darkgreen.css"; ← 下の中から1つをここに設定する
/* ▲▲▲ここにテーマカラーセットを設定する▲▲▲ */
/* テーマカラーの待機(この中から1つを上に設定する)
@import "color_darkgreen.css";
@import "color_darkcyan.css";
@import "color_green.css";
@import "color_olive.css";
@import "color_chocolate.css";
@import "color_plum.css";
@import "color_navy.css";
@import "color_gold.css";
*/
ヘッダー部分(各ページ最上部)の「学校教育目標」 及び スラードショー内の「スローガン」は,「settei.css」の次の赤字部分を書き変えると変更することができます。
settei.css
/*------------------------------------------------------------
★★学校教育目標等の設定(変更された場合は,ここに設定する)★★
------------------------------------------------------------*/
h1 p:before{
content:"合言葉「めざせ令和の廉塾」";
}
/*------------------------------------------------------------
★★ トップページの「スローガン(スライドショーの中)」の設定★★
------------------------------------------------------------*/
#mainBanner h2:before{
content:"合言葉「めざせ令和の廉塾」";
}
#mainBanner h3:before{
content:"物の見方・考え方を問い直し・更なるレベルアップ";
}
トップページの「お知らせ」「神辺西中ニュース」 及び 「更新履歴」の表示件数は,「settei.css」の次の赤字部分を書き変えると変更することができます。
settei.css
/*------------------------------------------------------------
/* ★★ トップページの表示件数の設定★★
------------------------------------------------------------*/
/* 「お知らせ」の表示件数指定 */
/* 次の「-n+?」の「?」に表示したい件数の数値を指定する */
ul#notice li:nth-child(-n+8){
display: block;
}
/* 「神辺西中ニュース」の表示件数指定 */
/* 次の「-n+?」の「?」に表示したい件数の数値を指定する */
#news_area li:nth-child(-n+2){
display: block;
}
/* 「更新履歴」の表示件数指定 */
/* 次の2ヶ所の「-n+?」の「?」に表示したい件数の2倍の数値を指定する */
#toppage #update_area dt:nth-child(-n+20),
#toppage #update_area dd:nth-child(-n+20){
display: block;
}
サイドナビの「教育研究」及び「いじめ防止」の非表示ボタンは,「settei.css」の次の赤字部分を書き変えると表示することができます。
settei.css
/*------------------------------------------------------------
/* ★★ 「サイドナビ」の「非表示ボタン」の設定★★
------------------------------------------------------------*/
//* 表示するには,「display:none;」→「display:block;」に変更する。 */
//* 「教育研究」ボタンの・・・表示・非表示*/
.research{
display:none;
}
//* 「いじめ防止」ボタンの・・・表示・非表示*/
.ijime{
display:none;
}