『オリジナルスキンCSSの編集 サイドメニュータイトル3』

メニューごとに違う画像を使用したり、

文字の書体を特別なものにしたり、

タイトルを英文にしたりするには

メニューそれぞれ別の画像を作りCSSで設定していきます

（画像サイズは、ばらばらでも可能です・・横幅はサイドの幅以下にしてください）

　　
　お気に入りブログ162px×60px　　　　最近の記事162px×60px　　　　プロフィール162px×60px

　　
　　ランキング162px×60px　　　　　　ブログの読者162px×60px　　　　テーマ一覧162px×60px
　　　
　　ブログ内検索162px×60px　　　　ブックマーク162px×60px　　　　　最近のコメント162px×71px

　　← こんな画像を作ってみました ↑

　　カレンダー165px×190px

CSSの最後にコピペします

width:165px;/*画像の横横幅が違う場合はそのつど指定*/
height:190px;/*画像の縦、縦が違う場合はそのつど指定*/
や

height:71px;/*画像の縦、縦が違う場合はそのつど指定*/

この部分は上の画像の例のような画像サイズが他と違っている場合の例です

全部の画像サイズが同じ場合は必要ありませんので削除してください

/*サイドメニュータイトル*/

.mainMenu{
width:170px;/*サイドの幅*/
margin:10px 5px 0 0;/*基本の位置*/
}
.menu_title{
margin: 0;
padding: 0;
border:none;
background-position:0px 0px;
text-indent:-9000px;
background-repeat:no-repeat;
width:162px;/*画像の横*/
height:60px;/*画像の縦*/
}
#profile .menu_title{/*プロフィール*/
background-image:url(画像のURL );
}
#calendar .menu_title{/*カレンダー*/
background-image:url(画像のURL );
width:165px;/*画像の横横幅が違う場合はそのつど指定*/
height:190px;/*画像の縦、縦が違う場合はそのつど指定*/
}
#reader .menu_title{/*このブログの読者*/
background-image:url(画像のURL );
}
#theme_list .menu_title{/*ブログテーマ一覧*/
background-image:url(画像のURL );
}
#recent_entries .menu_title{/*最近の記事一覧*/
background-image:url(画像のURL );
}
#search .menu_title{/*ブログ内検索*/
background-image:url(画像のURL );
}
#archives .menu_title{/*アーカイブ*/
background-image:url(画像のURL );
}
#favorite .menu_title{/*お気に入りブログ*/
background-image:url(画像のURL );
}
#bookmark .menu_title{/*ブックマーク*/
background-image:url(画像のURL );
}
#recent_comment .menu_title{/*最近のコメント*/
background-image:url(画像のURL );
height:71px;/*画像の縦、縦が違う場合はそのつど指定*/
}
#ranking .menu_title{/*ランキング一覧*/
background-image:url(画像のURL );
}