読者登録ボタンがオンマウスで「ありがとう！」

おはようございます。

カーソル（矢印、マウス）が乗る（オンマウス）と
表示が変わる（ロールオーバー）するサイドバーの
プロフィール欄の読者登録ボタンを作る方法。

なんか、ながったらしい題名ですね↑（笑）。

もう１回＾＾；

サイドバーのプロフィール欄の[読者になる]をロールオーバーするには

ようするに、ここが・・

カーソルが乗った時に・・

こうなるようにする↑方法です。

※カーソルが乗った時に画面が変わる事を
ロールオーバーって言うんだとか・・。

---




※[CSS編集用デザイン]を採用されてる方向けです。


---

※マイページ→ブログを書く→デザインの変更→
ＣＳＳの編集。

ＣＳＳの末尾に以下のコードをコピーして、
ペッ！！と貼り付けて下さい。＾＾；

/*読者登録：ありがとう：08-12*/

a.readerBtn span:hover:before{
font-weight:bold;
color:#00cc00 !important;
display:inline;
white-space: pre;
content:"有難うございます！";
}

※赤字の箇所がロールオーバー時の
文字の色、カラーコードです。
（上の場合はライムグリーン。）
文字（上の場合は、「有難うございます！」）は
自由に変更できますが、左右のバランスの調整が
できないので、９文字くらいがちょうど良いようです。

よかったら、試してみてください。


☆ブヒ・・(^O^)/

ニャンだか、あちゅそうでちゅ・・

ね！？