2009年6月21日日曜日

ブログ村の画像切り替え

CSSを以下の通りにして、ブログ村のバナーをマウスオーバーで画像を変更することに成功。

A.blogmura_img {
display : block ;
width : 88px ;
height : 31px ;
background-repeat : no-repeat ;
background-position : center center ;

}

A.blogmura_img:link {
background-image: url("http://poem.blogmura.com/haiku/img/haiku88_31_yellow_2.gif");
}

A.blogmura_img:hover {
background-image: url("http://poem.blogmura.com/haiku/img/haiku88_31_yellow_2.gif");
}

A.blogmura_img:active {
background-image: url("http://poem.blogmura.com/haiku/img/haiku88_31_yellow_2.gif");
}

A.blogmura_img:link img{
visibility : hidden ;
border-style : none ;
}

A.blogmura_img:hover img{
visibility : hidden ;
border-style : none ;
}

A.blogmura_img:active img{
visibility : hidden ;
border-style : none ;
}

それにしてもリンクテキストのデコレーションが変わらない・・・。

0 件のコメント: