カスタマイズ計画5 読者登録ボタン

あきこ@ゆっくりパソコンタイムです。


アメブロカスタマイズ中です

　これ→アメブロカスタマイズ計画 vol.1 準備
　これ→アメブロカスタマイズ計画 vol.2 準備2
　これ→アメブロカスタマイズ計画 vol.3 スキン変更と行間を広げる
　これ→アメブロカスタマイズ計画 vol.4 色の調整

　参考ポイントリンク☆色見本など



今回は［読者登録ボタン］
あとでいいか、と思っていたのだけれど、ピーチと茶の組み合わせはイマイチでした。

1cssの編集画面を開きます。

2読者登録ボタンの画像をアップデートします。
　幅150px、高さ50pxで作っておきます。
　注意！！これ以上小さいと、アメブロで指定しているボタンが見えてしまいます。

3↓のコードをｃｓｓの一番下に書き込みます。
　　画像ファイル名は適宜変えてくださいね

#readerList dl dt a{
display:block;
width:150px;
height:50px;
text-indent:-9999px;
padding-bottom:10px;
background:url([画像ファイル名]) no-repeat;
}

4［表示を確認する］で確認してみましょう。
　　よければ保存します。



なんだかコーヒーショップのようになってしまいましたあせるあせる
「パソコンばっかりじゃなくて、一息いれてね」な感じで珈琲にしたんだけど。
画像作るのも難しいですね 苦笑



次回は［サイドバーの変更～表示速いぞver］です。