たくましく生きぬく力を持つ子どもの育成

目標を定める子 ねばり強く学ぶ子 自らを律し行動する子

 このページでは「テーマカラー」の確認を行います。  実際の設定は,「settei.css」で行ってください。

サイト情報Site Info

テーマカラーの確認

現在は「」が適用されています。


 「テーマカラー」とは,全てのページを同じ色調にし,サイト全体としての統一感を出そうというものです。
 用意された「カラーセット」を切り換えて,季節の変わり目,学期の変わり目などには「テーマカラー」を変更して,気分を一新しましょう!! 
 変更は,簡単な操作で行うことができます。

 用意された「カラーセット」を適用するとどんな印象に変わるか,上のボタンをクリックして確認することができます。

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


「css」フォルダ内の「settei.css」の中の1行を変更すると,全ページの「テーマカラー」を変更することができます。


 事前に準備された「テーマカラー」は,「テーマカラーの待機」の部分に青色で示されています。

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

 編集して保存した「settei.css」をアップロードすると,「テーマカラー」の変更が反映されます。


settei.css

@charset "utf-8";

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

@import "color_shinryoku.css"; ← 下の中から1つをここに設定する

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


/* テーマカラーの待機(この中から1つを上に設定する)

@import "color_shinryoku.css";

@import "color_shinku.css";

@import "color_tetsukon.css";

@import "color_kuwanomi.css";

*/


スローガンの変更方法


  ヘッダー部分(各ページ最上部)の「学校教育目標」は,「settei.css」の次の赤字部分を書き変えると変更することができます。


settei.css

/*------------------------------------------------------------
★★学校教育目標等の設定(変更された場合は,ここに設定する)★★
------------------------------------------------------------*/

h1 p:before{

content:"たくましく生きぬく力を持つ子どもの育成";

}



表示件数の変更方法


  トップページの「お知らせ」及び 「緑丘小ニュース」の表示件数は,「settei.css」の次の赤字部分を書き変えると変更することができます。


settei.css

/*------------------------------------------------------------*/
/* トップページの「お知らせ」の表示件数指定 */
/*------------------------------------------------------------*/

/* 次の「-n+?」の「?」に表示したい件数を指定する */

#toppage ul#notice li:nth-child(-n+5){

display:block;

}


/*------------------------------------------------------------*/
/* トップページの「緑丘小ニュース」の表示件数指定 */
/*------------------------------------------------------------*/

/* 次の「-n+?」の「?」に表示したい件数を指定する */

#toppage #news_area li:nth-child(-n+2){

display:block;

}


pagetop