★★ここにテロップが表示されます。★★ !!

サイト情報Site Info

テーマカラーの確認

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

スカイブルー ピンク ライム

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

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

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


「css」フォルダ内の「settei_gakuen.css」「settei_zenki.css」「settei_koki.css」の中の赤の部分を変更すると,それぞれ「学園サイト」「前期課程サイト」「後期課程サイト」の「テーマカラー」を変更することができます。


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

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

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


settei_gakuen.css

settei_zenki.css

settei_koki.css

@charset "utf-8";

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

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

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


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

@import "color_skyblue.css";

@import "color_pink.css";

@import "color_lime.css";

*/


スローガン等の変更方法Slogan


  ヘッダー部分(各ページ最上部)の「学校教育目標」等は,「settei_gakuen.css」「settei_zenki.css」「settei_koki.css」の中の赤の部分を変更すると,それぞれ「学園サイト」「前期課程サイト」「後期課程サイト」の「スローガン等」を変更することができます。


settei_gakuen.css

settei_zenki.css

settei_koki.css

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

h1 p.inner:before{

content:"想青学園は,2022年(令和4年)4月開校の義務教育学校です。";

}


/*-------------------------------------------
/* ★★ 学園サイトのトップページのスライドショー内の
 h2,h3 に表示される「学校教育目標」等の設定★★
--------------------------------------------*/

.slogan h2:before{

content:"かかわる つながる";

}

.slogan h3:before{

content:"表現力 共感力 チャレンジ精神";

}


/*------------------------------------------------------------
/* ★★ 学園サイトのトップページの各コーナーの表示件数の設定★★
------------------------------------------------------------*/

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

#WhatsNew li:nth-child(-n+5){

display: block;

}


/* 「学園ニュース」の表示件数指定 */
/* 次の「-n+?」の「?」に表示したい件数の数値を指定する */

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

display: block;

}

pagetop