メインカラムの読者になるボタン変更

メインカラムにある読者になるボタンをオリジナル画像に変えてみます。


ブログを書く　⇒　デザインの変更　⇒　CSSの編集

以下の下りを追加します。

******************************************************************************

/*読者になるボタン変更*/

.readerMainLink p{
text-indent:-9999px;
background-image:none;
}
.readerMainLink p a{
display: block;
padding:0;
margin:0 auto;
width:240px;/*画像の横幅*/
height:61px;/*画像の縦幅*/
background-image : url(http://stat.ameba.jp/user_images/20101121/23/studycss/34/3f/j/o0240006110873306262.jpg);
background-repeat : no-repeat ;
}
.readerMainLink a:hover {
background-image : url(http://stat.ameba.jp/user_images/20101121/23/studycss/03/94/j/o0240006110873449053.jpg);
background-repeat : no-repeat ;
}
******************************************************************************

赤字の部分は、アップロードした画像のurlになります。




下の部分はマウスオーバー時の画像です。




読者登録ボタンはとても大事なので、
変えておくことをお勧めします。