素材 サイドバーメニューヘッダー

本日はサイドバーに使える素材です。

３カラム、２カラムどちらでも対応できるように、私が使用しているものとは違いますが使用されたい方はどうぞ。

ご自身で使用される場合のみの利用でお願い致します。

再配布などはＮＧです。

ピンク系

ブルー系

グリーン系

オレンジ系

ブラウン系

ブラック系

ＣＳＳの記載方法

/* サイドバーの各ヘッダー背景、文字色変更 */
.skinMenuHeader{
background:url(http://画像をアップした先のＵＲＬ) no-repeat;
color:#fff;/* ←文字の色 */
padding: 5px 5px 5px 35px; /* ←文字の配置 */
font-size:15px;/* ←文字の大きさ */
}

colorは文字の色です。

ＷＥＢセーフカラー

パステルカラー

の記事でも確認出来ます。

paddingは文字の配置で、左から

［上］ ［右］ ［下］ ［左］ を指定しています。

font-sizeは文字の大きさで、数字が大きくなるほど文字が大きくなります。

ご自身のブログ状況などで適宜変更してみてください。

実際にＣＳＳなどに記載して変更されたかどうかを確認するには、Ｆ５キーなどの更新ボタンを使って確認して見てください。

キャッシュが強いブラウザでは、Ｃｔｒｌキー＋Ｆ５キーなどで確認してみてください。