最終回 フッターにクレジット

今使っているスキンのカスタマイズ記事は、今回で終了です。
もしかしたら、どっか書き忘れて飛ばしているかもしれません。

また、今使っている最新バージョンは、細かい変更をしているので記事とは変わっていたりします。
このスキンが欲しければあげるから、言ってね。

この記事で扱っていない部分の変更方法を知りたいとかの相談はありです。コメント欄へどうぞ。

その前にここを直す

なんて呼ぶんですかね、ここを直します↓

普段はこのままですが、カーソルが乗ると色がつくようにします。
いじったのは１ヵ所だけです。

#entries .entryInfo a:hover {
	//background: #ccc;
	background:#ffa;
}

footerのスタイルを変更

フッターを緑にします。これも変更後の状態のみ書きます。

#footer   {
	//background: #eee;
	margin-top: 15px;
	padding:8px;
	//color: #333;
	//text-align: right;
	background:#efe;
	color:#0c0;
	border-top:1px solid #0f0;
	text-align:center;
}
#footer a {
	//color:00f;
	color:#0c0;
	text-decoration: none;
}
#footer a:hover{
	background:#ffc;
}

色はコメントやトラックバックのタイトルと同じにしました。
どこかに書きましたが、そういう時はひとつにまとめることも出来ます。

例えば、a,b,cの３つの色を全部赤にするなら、カンマで区切って下のように書きます。
これなら、後で訂正が出ても修正は１カ所で済むうえに、うっかり一ヵ所だけ直し忘れたりすることもありません。

a,b,c{
	color:#f00;
}

フッターにクレジットを入れる

最後、スタイルシートではなくHTMLの修正です。
全てのスキンの終わりのほう、idがfooterとなっているところにこう書いて完成です。

<div id="footer">
Powered by ファンブログ / スキン作成「<a href="http://fanblogs.jp/ayzfqir5/" target="_blank" title="ここにブログの名前を入れます">ここにブログの名前を入れます</a>」
</div><!-- /footer -->

以上。次の特集はネットショップを開こうです。