サイドバーのメニュータイトルを画像にする。
サイドバーのメニュー画像を変えますたYEAH!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
これかわゆいでそ?(・´з`・)
りっくんのところからぶっ飛んでたどり着いたいじりー師匠 からパクリました。
アーカイブがないと指摘するとわざわざ作ってくれまんた!今日から師匠と呼びます!
↓CSSの最後に追記・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
/*サイドメニュータイトル*/
.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 );
}
#defaultAd .menu_title{/*サイドPR*/
background-image:url(画像のURL );
}
width:165px;/*画像の横横幅が違う場合はそのつど指定*/
height:190px;/*画像の縦、縦が違う場合はそのつど指定*/
や
height:71px;/*画像の縦、縦が違う場合はそのつど指定*/
この部分は上の画像の例のような画像サイズが他と違っている場合の例です。
全部の画像サイズが同じ場合は必要ありませんので削除してください。
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
100%師匠のコピペです。
これからもパクリまくりたいと思います。
で、ブログのカテゴリーにブログカスタマイズを増やしました。
これでついにあたいもカスタマイザー気分です。
今まで集めたタグを貼っていこうとおもいます。
簡単にいえば、コピペ集です。
もひとつ言えば、自分でどこにあるかわかりやすくするための自己満コピペ集です。
いまひとつ、おかまいなく。
( ゚д゚)ハッ!早く寝なければ!!!!
では~