![ハート](https://emoji.ameba.jp/img/user/ki/kirakira-dream/5540.gif)
持って帰ってくださぁい。
ロールオーバー仕様(マウスをボタンの上に持って行くと画像が変わる)です。
上の画像が通常時、下の画像がマウスオーバー時です。
変更後イメージは、当ブログの右サイドメニューでご確認ください。
01.
![読者になる](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Famemari.cocolog-nifty.com%2Ficon%2FreaderBtn01.png)
![読者になる](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Famemari.cocolog-nifty.com%2Ficon%2FreaderBtn02.png)
03.
![読者になる](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Famemari.cocolog-nifty.com%2Ficon%2FreaderBtn03.png)
![読者になる](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Famemari.cocolog-nifty.com%2Ficon%2FreaderBtn04.png)
05.
![読者になる](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Famemari.cocolog-nifty.com%2Ficon%2FreaderBtn05.png)
![読者になる](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Famemari.cocolog-nifty.com%2Ficon%2FreaderBtn06.png)
07.
![読者になる](https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Famemari.cocolog-nifty.com%2Ficon%2FreaderBtn07.png)
いつものように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;
}
※お願い※
こちらの画像をご使用になる場合は、コメントとして残してくださいね
![キラキラ☆](https://emoji.ameba.jp/img/user/rs/rs-vanilla/25863.gif)
今後の素材制作のためにご使用の色も書いていただけると助かります。
お分かりになる方は、素材を持ち帰り、ご自身で管理してください。
画像がいつまであるか責任を負いかねますので。。。
![汗②](https://emoji.ameba.jp/img/user/sm/smilemoon/15346.gif)