◆プロフィール欄ボタンのカスタマイズ

こんにちは、カスタマイズと復興支援で頑張るたっくんです。

今回は、プロフィール欄にある各種ボタンをカスタマイズしてみました。

マウスオーバーすると色が変わるようにカスタマイズしました。

以下のCSSを追加してみてください。

注：新CSS編集デザイン用のカスタマイズです。

/* ■プロフィール欄のボタン■ */
.skinImgBtnS:focus span,.skinImgBtnS span{
background-image:url(http://stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_gray.png); /*マウスオーバー前*/
}
.skinImgBtnS:hover span {
background-image:url(http://stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_pastel.png) !important; /*マウスオーバー後*/
color:#3eb370; /*マウスオーバー時の文字色*/
}

マウスオーバーするとこんな感じになります。

オリジナルのボタンを作成してみるのもいいですね。

なお、今回はこちらの記事を参考にしました。

ありがとうございます。

あなたも、ぜひ参考にしてみてください。

（リンクしています↑）

プロフィール欄のボタンを カスタムしてみよう。［新デザイン対応］｜アメブロをカスタマイズしよう！