読者になるボタン | 新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

アメブロの新スキン(CSS編集用デザイン)のカスタマイズ
アメーバブログをCSSでカスタマイズして自分だけのオリジナルなデザインでアメブロを楽しんでください

m(_ _)m また間違っていました・・・
IEでだめだったからやり直したのに・・・

今度はIE以外でチェックしなかったから・・・IE以外がだめでした・・
margin:0 auto;付け加えてください(下のCSSは修正済み)

**************************

サイドバーの読者一覧にある読者になるボタンをオリジナルにします


画像を用意します


135px × 38px (お持ち帰り自由)

新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ  新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ  新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ


新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ 新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ 新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ


新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ

新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ 新・アメブロ向上企画書 アメブロの「CSS編集用デザイン」のカスタマイズ




画像ができたらCSSです




/*読者になるボタン*/
.readerRequestBtnArea a{
width:135px;/*画像の横*/
height:38px;/*画像の縦*/
background-image:url(画像のURL) ;
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
margin:0 auto;
}



マウスオーバー時画像を変える場合は

.readerRequestBtnArea a:hover{/*マウスオーバー時*/
background-image:url(画像のURL);
background-repeat:no-repeat;
}





参考:
jquery 記事の上(下)に読者になるボタンをつける