◆ページ送りボタンのカスタマイズ

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

記事の上下にある「ページ送りボタン」をカスタマイズしてみました。

ちょっと色を変えるだけでも、だいぶ印象変わりますよ。

よろしかったら、あなたも試してみてくださいね。

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

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

/* ページ送りボタン*/
.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
border:1px solid #3eb370;/*枠の太さ・線種・色*/
background:#ffffff;/*背景色*/
color:#333333 !important;/*文字色*/
}
/* ボタンにマウスオーバー */
.skinSimpleBtn:hover,.skinSimpleBtn:focus{
background:#3eb370;/*マウスオーバー時の背景色*/
color:#ffffff !important;/*マウスオーバー時の文字色*/
}

こんな感じになります。

色はお好みで変更してくださいね。

なお、今回はこちらの記事を参考にさせていただきました。

ありがとうございます。

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

⇒ページ送りボタンのカスタムをしてみよう。[新デザイン対応]～アメブロをカスタマイズしてみよう！