サイドメニュータイトルをかえてみる

アメブロの
サイドメニュータイトルをかえてみる。


１．タイトルの背景画像をアップロードする

[ クイックリンク ]－[ 画像フォルダ ] へ移動する。
[ ファイルを選択 ] して [ アップロード ] する。


２． 背景画像, フォント, 枠線をかえる

[ クイックリンク ]－[ スキンCSSの編集 ] へ移動する。
[ ファイルを選択 ] して [ アップロード ] する。 

----- ↓変更前 ---- 

/* skinMenuHeader
サイドメニュータイトルエリア */

.skinMenuHeader{

padding:5px 10px;

background:#e4e4e4
/* ←サイドメニューのタイトルに背景を敷きたいとき */

}

----- ↓変更後 -----
/* skinMenuHeader
サイドメニュータイトルエリア */

.skinMenuHeader{

padding:5px 10px;

background-image: url(....(上記1の画像ファイル)...

background-repeat:repeat;

border-top: 2px solid lightgrey;

border-right: 2px solid black;

border-bottom: 2px solid black;

border-left: 2px solid lightgrey;

color:white;

}

この記事を参考に、試してみる方は

自己責任でお願いします。