パソコンが好きになるブログ〜表技・裏技・便利技伝授!

北海道札幌市中央区 大通駅徒歩7分のパソコンスクール「リズ札幌・ライフデザインスクール」パソコンインストラクター川上雄大によるパソコン・IT・ワンポイントレッスン。
スクールでのいろんな方のパソコンレッスンだったり、パソコンとは関係ない話だったり…


テーマ:
こんにちは、パソコンワンポイントレッスン!

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札幌・ライフデザインスクール
川上 雄大
いいね!した人  |  コメント(8)  |  リブログ(0)

川上雄大・パソコンインストラクターさんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

SNSアカウント