CSS また・・ブログの上も・・ | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

CSS また・・ブログの上も・・

またまたブログの上も変わってしまいました・・



マイページ|ピグ|ブログを書く を消す


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
#amebaBar ul{
display:none;
}



文字色を変更します


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
#amebaBar a{
color:#ff00ff !important;
}
#amebaBar a:hover{/*マウスがのった時*/
color:#0000ff !important;
text-decoration:none !important;/*下線を消す*/
}



ついでに縦線も・・・
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

#amebaBar #barLogoTop li{
border-right:1px solid #ff00ff !important;
}



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!
#amebaBar #barLogoTop li{
border-right:3px double #ff00ff !important;
}



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

#amebaBar #barLogoTop li{
border-right:1px dashed #ff00ff !important;
}



アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

#amebaBar #barLogoTop li{
border-right:2px dotted #ff00ff !important;
}


Amebaトップへも変更します
※これを使うためには マイページ|ピグ|ブログを書く を消す必要があります

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

#amebaBar ul{
display:none;
}
#amebaBar #barLogoTop img{
visibility : hidden ;
}
#amebaBar #barLogoTop a{
display: block;
padding:0;
margin:0;
height:17px;/*画像の縦*/
background-image : url(画像のURL);
background-repeat : no-repeat ;
width:150px;/*画像の横*/
}
#amebaBar #barLogoTop a:hover {
background-image : url(マウスがのったときの画像のURL);
background-repeat : no-repeat ;
}


ロールオーバー(マウスがのったときに画像が替わる)が必要なければピンク部分は必要ありません

画像は http://ameblo.jp/exlink/entry-10187879566.html  コチラにあります




アメーバー会員になるのアイコンを変える・・

※これはアメブロ広告ですから消さないで下さい
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


#amebaBar li a.barRegist{
background-image:url(画像のURL);
}



他のアイコンについては CSS ブログの上・・・・  を参考にして下さい