Stinger3のフッター部分をカスタマイズしてみたよ。

このブログで利用させて頂いている、Stinger3というテンプレート。

このテンプレートはシンプルなデザインが魅力で、下手にイジると逆に、まとまりが無くなったりします。

が、今回は、あえてフッター部分をカスタマイズしてみました。

なんでカスタマイズしたの？

カスタマイズした理由は、

Stinger3はシンプルなのが魅力なんですが、フッター部分だけは、逆に、あっさりし過ぎるなぁ～と思ってたからです。

それと、色々なStingerブログを見ていると、フッター部分がおしゃれなブログが多いですからね。＾＾

そういうサイトを見ると、自分でもやりたくなってしまうのが人情というものです。

カスタマイズ方法は、ザックリ書くと、

です。

詳細は、参考にさせて頂いた下記ブログを参照下さい。ｗｗｗ
（僕が説明記事を書くより、解りやすいハズなので。。。）

で、完成したフッターがこれ。

カスタマイズ前に比べて、少し引き締まった印象になりました。

上記を参考にすれば、フッターのカスタマイズは簡単に実現できます。

が、背景が単色だとノッペリした印象で、少し寂しい感じ。

という訳で、背景色にグラデーションもかけてみました。

といっても下記サイトのジェネレーターで生成しただけですが。。。

上記２ブログを参考にしていれば、フッターの背景色のコードは下記の様になっていると思います。

//フッターの背景色のコード
#footer {
    background-color: #4169e1;
}

ここのカッコの間に生成されたコードをコピペすれば完成です。

ちなみに、グラデーションの開始色、終了色については、下記サイトの色見本を元に決めました。

このように、カスタマイズしたくなった時に、参考になる情報が多いのもStingerの魅力の一つですね。＾＾