現在は「」が適用されています。
「テーマカラー」とは，全てのページを同じ色調にし，サイト全体としての統一感を出そうというものです。
用意された「カラーセット」を切り換えて，季節の変わり目，学期の変わり目などには「テーマカラー」を変更して，気分を一新しましょう!!
変更は，簡単な操作で行うことができます。
用意された「カラーセット」を適用するとどんな印象に変わるか，上のボタンをクリックして確認することができます。
サイト情報Site Info
テーマカラーの確認
テーマカラーの確認
現在は「」が適用されています。
「テーマカラー」とは，全てのページを同じ色調にし，サイト全体としての統一感を出そうというものです。
用意された「カラーセット」を切り換えて，季節の変わり目，学期の変わり目などには「テーマカラー」を変更して，気分を一新しましょう!!
変更は，簡単な操作で行うことができます。
用意された「カラーセット」を適用するとどんな印象に変わるか，上のボタンをクリックして確認することができます。
「css」フォルダ内の「settei.css」の赤の部分を変更すると，「テーマカラー」を変更することができます。
事前に準備された「テーマカラー」は，「テーマカラーの待機」の部分に青色で示されています。
このうち１種類を上の赤の部分に設定します。
保存してアップロードすると，「テーマカラー」の変更が反映されます。
settei.css
@charset "utf-8";
/* ▼▼▼ここにテーマカラーセットを設定する▼▼▼ */
@import "color_steelblue.css"; ← 下の中から１つをここに設定する
/* ▲▲▲ここにテーマカラーセットを設定する▲▲▲ */
/* テーマカラーの待機（この中から１つを上に設定する）
@import "color_steelblue.css";
@import "color_brown.css";
@import "color_darkorange.css";
*/
ヘッダー部分（各ページ最上部）の「学校教育目標」等は，「settei.css」の中の赤の部分を変更することができます。
settei.css
/*------------------------------------------------------------
★★学校教育目標等の設定（変更された場合は，ここに設定する）★★
------------------------------------------------------------*/
h1 p:before{
content:"学校教育目標「未来を拓き，たくましく生きる子どもの育成」";
}
/*-------------------------------------------
/*
★★ トップページのスライドショー内の
h2,h3 に表示される「学校教育目標」等の設定★★
--------------------------------------------*/
.slogan h2:before{
content:"校訓「挑戦と創造」";
}
.slogan h3:before{
content:"学び深く 志高く 未来を拓く";
}
トップページの「お知らせ」「トピックス」の表示件数は，「settei.css」の中の赤の部分を変更することができます。
「お知らせ」・・・20件以内で。「トピックス」・・・10件以内で。
settei.css
/*----------------------------------------------------
/* ★★ トップページの各コーナーの表示件数の設定★★
------------------------------------------------------*/
/*------------------------------*/
/* 「お知らせ」の表示件数指定 */
/*-------------------------------*/
/* 次の「-n+?」の「?」に表示したい件数を指定する */
#toppage #news li:nth-child(-n+10){
display:block;
}
/*-------------------------------------*/
/* 「トピックス」の表示件数指定 */
/*-------------------------------------*/
/* 次の「-n+?」の「?」に表示したい件数を指定する */
#toppage #topics li:nth-child(-n+3){
display:block;
}
