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]
そうすると、ヘッダーとフッターに挟まれるようなスタイルになる。どんどん続く・・・予定。