[フリー素材] 読者になる ボタン画像 (ロールオーバー仕様) | アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!

アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!

カスタマイズ,アクセスアップ,カスタム,スキン,依頼,料金,スキン作成,スキンのデザイン,オリジナル,CSSの編集,HTML,JavaScript,ヘッダー,ヘッダーデザイン,広告,非表示,フリープラグイン,フリースペース,メッセージボード,改造,オリジナルデザイン

[読者になる] ボタンを作りましたハート
持って帰ってくださぁい。

ロールオーバー仕様(マウスをボタンの上に持って行くと画像が変わる)です。
上の画像が通常時、下の画像がマウスオーバー時です。

変更後イメージは、当ブログの右サイドメニューでご確認ください。

01.読者になる 02.読者になる
03.読者になる 04.読者になる
05.読者になる 06.読者になる
07.読者になる

いつものようにCSS編集画面にいき、下記水色内のCSSを最下段に追加します。
01 の数字の箇所をお好きな色の番号に変更してください。

≫ CSS編集方法の手順

#readerList dt a {
background-image :url(http://amemari.cocolog-nifty.com/icon/readerBtn01.png);
background-position :left top;
background-repeat :no-repeat;
display :block;
height :40px;
width :150px;
text-indent :-9999px;
}
#readerList dt a:hover {
background-position :0 -40px;
}



※お願い※
こちらの画像をご使用になる場合は、コメントとして残してくださいねキラキラ☆
今後の素材制作のためにご使用の色も書いていただけると助かります。

お分かりになる方は、素材を持ち帰り、ご自身で管理してください。
画像がいつまであるか責任を負いかねますので。。。汗②