ボタンのカスタマイズ (2-1) ボタン[横180px 縦35px]
｜
CSS編集用画面の（２）ボタンのスタイルブロックを解説します
ボタンのスタイルのブロックは以下の３つに分かれています
- (2-1) ボタン[横180px 縦35px]
- (2-2) アイコン付きボタン[横128px 縦28px]
- (2-3) ページ送りボタンの << 次へ 、前へ >> 、「次の記事タイトル」 >> ボタン
今回は、その中の「(2-1) ボタン[横180px 縦35px]」の解説をします。
とはいってもこのブロックはサイドメニューの下のほうにある
「Ameba会員登録（無料）」のボタンの部分になります。
この部分をカスタムしてもあまり意味がないのですが・・・一応解説しておきます。
/* (2-1) ボタン[横180px 縦35px]
--------------------------------------------*/
/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */
.skinImgBtnM{
background-image:url(../../stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_m.png);
}
/* ボタンの文字色 */
.skinImgBtnM:hover span,.skinImgBtnM:focus span,.skinImgBtnM span{
color:#333333 !important;
}
赤字のカラーコードを変更すると、ボタンの文字が変わりますので…
ちなみにボタンはこのことです↓
ということです。
おすすめ
無料メルマガ
