« Movable Typeのカスタマイズ(7)
-余白の調整- |
メイン
| TRICK »
2005年01月10日
Movable Typeのカスタマイズ(8)
-フッターの追加-
さて、８回目である。今回は独自の追加を試みる。
今回は、メインページのヘッダーを参考にして、一番下にコピーライトを記載したフッターを追加する。
※表示するためHTMLタグの<>を[]に変換している。
スタイルシートにフッターを追加する。ヘッダーである#bannerを参考にして、#footerと#footer h2を作成する。挿入する位置は#centerの直前とする。
#footer {
font-family: Verdana, Arial, sans-serif;
color: #FFFFFF;
background-color: #E7AA5C;
text-align: center;
padding: 1px;
height: 10px;
}
#footer h2 {
font-size: x-small
}
次に最後の[/div]の前に、フッター部分を追加する。
[div id="footer"]
[h3]Copyright(c) 2004-2005 フリー・スタイル/北陸城郭プロジェクト All Right Reserved.[/h3]
[/div]
そうすると、ヘッダーとフッターに挟まれるようなスタイルになる。どんどん続く・・・予定。
投稿者 Tadashi : 2005年01月10日 21:50
トラックバック
このエントリーのトラックバックURL:
http://www.free-style.biz/mt/mt-tb.cgi/39
コメント
初めまして。
こちらのエントリーを参考に（というより、そのまま使わせていただいて）フッターを設置することができました。
とても参考になる記事をありがとうございます！
投稿者 のづたん : 2005年03月14日 22:36