広告

posted by fanblog
「ここにブログの名前を入れます」は更新を終了しました。記事はすべて新ブログ「Big Bang」に移転済みです。記事のタイトルをクリックすると新ブログの該当記事に移動します。そちらでお楽しみください。

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

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

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

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

その前にここを直す


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

投稿者: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="https://fanblogs.jp/ayzfqir5/" target="_blank" title="ここにブログの名前を入れます">ここにブログの名前を入れます</a>」
</div><!-- /footer -->


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

新ブログ「Big Bang」で続きを読む