Ameba会員登録(無料)のボタンの調整 | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery


★ Ameba会員登録(無料)のボタンの調整


● このボタンはアメブロ広告の上にありますが、広告ではないと
  思われます(お金を払っても消えないので)


◆ ボタンの変更

① ボタンを画像にする

/* ------------------------------------------------------- */
/* Ameba会員登録(無料)のボタンの変更           */
/* ------------------------------------------------------- */
.registBtnArea .registBtn{
background-image:url(画像のURL);
background-repeat:no-repeat;/* 繰り返ししない */
width:150px;/* 画像の横幅 */
height:50px;/* 画像の高さ */
text-indent:-8000px;/* 文字を消す */
}


② ボタンのロールオーバー(① の後に追記する)

/* ------------------------------------------------------- */
/* Ameba会員登録(無料)のボタンのロールオーバー      */
/* ------------------------------------------------------- */
.registBtnArea .registBtn:hover{
background-image:url(画像のURL);
background-repeat:no-repeat;/* 繰り返ししない */
}



◆ ボタンの削除


① 削除


/* ------------------------------------------------------- */
/* Ameba会員登録(無料)のボタンの削除           */
/* ------------------------------------------------------- */
.registBtnArea .registBtn{
display:none;
}