PCインストラクターの川上です。
昨日、『ヘッダー画像変えました～！』という記事を書いたのですが^^;
ついでに、ベースの色も変えました。
そうそう、先にコメントしていただいてありがとうございます<m(__)m>↓
そうなんです～
鎮静効果のある「青」
から
緊張をほぐして心身共にリラックスさせてくれる「緑」
に、って！！
またまた、Happyナビゲート☆イメージコンサルタント 千容子さん、ありがとうございます～～<m(__)m>
ところで、以前の「青」の
サイドバーの見出し（青）↑のCSSは
/* サイドタイトル */
.skinMenuHeader {
height :12px; /* サイドタイトルの高さ */
margin :0px 8px 12px 0px; /* 上 右 下 左 */
padding :2px 10px 10px 10px; /* 上 右 下 左 */
font-weight :bold; /* 文字の太さ */
background:#20108f;/* IE6, 7向け */
background-color:#20108f;
background-image:linear-gradient(#ccd2f2,#8070ef,#2f17d0,#20108f);/* 青のグラデーション */
border:1px solid #20108f;/* 線の色と太さ */
font-size:1.1em;
border-top-left-radius:6px;
border-top-right-radius:6px;
width: auto;
box-shadow: 6px 6px 6px #AAA;
color:#ffffff;
text-shadow: 1px 1px 3px #000;
}
/* サイド本文 */
.skinMenuBody {
background :#ffffff; /* 背景 */
margin :5px;
padding :0px;
font-size :90%;
}
でしたね～～
そして、今度の「緑」の
サイドバーの見出し（緑）↑のCSSは↓
/* サイドタイトル */
.skinMenuHeader {
height :12px; /* サイドタイトルの高さ */
margin :0px 8px 12px 0px; /* 上 右 下 左 */
padding :2px 10px 10px 10px; /* 上 右 下 左 */
font-weight :bold; /* 文字の太さ */
background:#20108f;/* IE6, 7向け */
background-color:#20108f;
background-image:linear-gradient(#d5edd5,#90ee90,#4dac26,#4dac26);/* 緑のグラデーション */
border:1px solid #4dac26;/* 線の色と太さ */
font-size:1.1em;
border-top-left-radius:6px;
border-top-right-radius:6px;
width: auto;
box-shadow: 6px 6px 6px #AAA;
color:#ffffff;
text-shadow: 1px 1px 3px #000;
}
/* サイド本文 */
.skinMenuBody {
background :#ffffff; /* 背景 */
margin :5px;
padding :0px;
font-size :90%;
}
こんなんです～～～(^^♪
ちなみ、赤の場合は
サイドバーの見出し（赤）↑のCSSは↓
/* サイドタイトル */
.skinMenuHeader {
height :12px; /* サイドタイトルの高さ */
margin :0px 8px 12px 0px; /* 上 右 下 左 */
padding :2px 10px 10px 10px; /* 上 右 下 左 */
font-weight :bold; /* 文字の太さ */
background:#d94057;/* IE6, 7向け */
background-color:#20108f;
background-image:linear-gradient(#f7d7e4,#eca6b3,#de5c70,#d94057);/* 赤のグラデーション */
border:1px solid #d94057;/* 線の色と太さ */
font-size:1.1em;
border-top-left-radius:6px;
border-top-right-radius:6px;
width: auto;
box-shadow: 6px 6px 6px #AAA;
color:#ffffff;
text-shadow: 1px 1px 3px #000;
}
/* サイド本文 */
.skinMenuBody {
background :#ffffff; /* 背景 */
margin :5px;
padding :0px;
font-size :90%;
}
わ～～、英語ばっかりになって、失礼しました～<m(__)m>
以上、サイドバーの見出し、でした。
LIDS札幌・ライフデザインスクール
川上 雄大
