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


新デザインに標準装備されるようになったフッターナビ、


今日は、こちらをカスタマイズしました。


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


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


/*フッターナビ*/
.footerNav a,.footerNav span{
background-image:url(画像のURL);/*画像*/
}
.footerNav a{
color:#3eb370 !important;/*普段の文字色*/
}
.footerNav a:hover{
color:#000000 !important;/*マウスオーバー時の文字色*/
}
.inactive a,.footerNav span{
color:#e0ebaf !important;/*前のページなどがない場合の色*/
}


こんな感じになります。


カスタマイズと復興支援で頑張るたっくんのブログ    カスタマイズと復興支援で頑張るたっくんのブログ


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


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


http://ameblo.jp/newcss/entry-10974381884.html
(リンクしています↑)

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

実験委員さん、ありがとうございます。


お持ち帰り自由のフッターナビ画像もたくさんありますので、


ぜひお試しください。


私も、 いい感じの画像がありましたので、


こちらからお持ち帰りしましたよ。


自分でオリジナルの画像を作ってみるのも、


いいかもしれませんね。