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

スポンサーリンク


2014年1月22日にA8.netのファンブログはSeesaa Blogのシステムをベースにして生まれ変わりました。よってファンブログ関連の記事は今では当てはまらない可能性があります。新しいファンブログのカスタマイズは別ブログ「ファンブログ テック」で詳しく書いていますので、そちらをご覧ください。

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

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

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

その前にここを直す

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

投稿者:Tom|16:49 |スキンカスタマイズ |コメント(1) |トラックバック(0)

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

#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の3つの色を全部赤にするなら、カンマで区切って下のように書きます。
これなら、後で訂正が出ても修正は1カ所で済むうえに、うっかり一ヵ所だけ直し忘れたりすることもありません。

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 -->

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


関連コンテンツ

スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください