読者登録ボタンの変更 サイドバー用
サイドバーの読者登録ボタンを入れ換えます。
ブログを書く ⇒ デザインの変更 ⇒ CSSの編集
**********************************************
#reader .menu_frame dt {
margin :0 0 5px;
}
#reader .menu_frame dt a {
display :block;
width :156px;
height :68px;
text-indent :-9999px;
background :url(http://stat.ameba.jp/user_images/20101118/23/studycss/f1/fa/j/o0156006810867377145.jpg) no-repeat;
}
#reader .menu_frame dt a:hover {
background :url(http://stat.ameba.jp/user_images/20101119/00/studycss/ab/cb/j/o0156006810867441370.jpg) no-repeat;
}
#reader .menu_frame dd {
display :none;
}
**********************************************
最初の赤いurlにはマウスオーバー前の画像を貼ります。

後のurlにはマウスオーバー後の画像を貼ります。

widthはバナーの幅を
heightには高さを
それぞれ入力します。
マウスを上に持っていくと、色が反転します。

ブログを書く ⇒ デザインの変更 ⇒ CSSの編集
**********************************************
#reader .menu_frame dt {
margin :0 0 5px;
}
#reader .menu_frame dt a {
display :block;
width :156px;
height :68px;
text-indent :-9999px;
background :url(http://stat.ameba.jp/user_images/20101118/23/studycss/f1/fa/j/o0156006810867377145.jpg) no-repeat;
}
#reader .menu_frame dt a:hover {
background :url(http://stat.ameba.jp/user_images/20101119/00/studycss/ab/cb/j/o0156006810867441370.jpg) no-repeat;
}
#reader .menu_frame dd {
display :none;
}
**********************************************
最初の赤いurlにはマウスオーバー前の画像を貼ります。

後のurlにはマウスオーバー後の画像を貼ります。

widthはバナーの幅を
heightには高さを
それぞれ入力します。
マウスを上に持っていくと、色が反転します。
