読者ボタンを変更する

テーマ:

サイドバーにある読者登録用のボタン。

通常は選んだスキンのものがそのまま表示されていますが、CSSをいじることで自分の用意したボタンに変更することが可能です。

ちなみに、今このページの読者ボタンは急ごしらえのへなちょこボタンになってます。
(本来はネコのスキンなので、黒いボタンです)

こんな風に読者ボタンを変えたい場合は、まず画像を用意して、CSSの編集で一番下に以下のtipsを自分用にカスタマイズしてコピペします。


----------ここからtips----------

#readerList dl dt a {  /*--ここは通常編集は必要ありません--*/
display: block;  /*--重要です。絶対に消さないでください--*/
width: 150px;  /*--使用する画像の横幅に--*/
height: 23px;  /*--使用する画像の縦幅に--*/
text-indent: -9999px;  /*--重要です。絶対に消さないでください--*/
text-decoration: none;  /*--重要です。絶対に消さないでください--*/
background: url(使用する画像のURL) no-repeat left top;
}

----------ここまでtips----------

ピンクの文字の部分は画像に合わせて修正する必要がある部分です。

このtipsを挿入したら、プレビューで確認して保存しましょう。


【ちょっと解説】
このCSSで何をしているかと言うと、本来表示されるはずの画像を絶対表示されないほど遥か遠い場所にすっ飛ばして、代わりに用意した画像を背景に指定することで、見た目には画像がさし変わったように見せかけています。

AD

コメント(5)