HTMLテンプレート【スタイルシート・フッター編】

ども、サンデーアマグラマーNorimakiです。

１ヶ月の間に２回法事に行きました。
その内、１回は呼ぶ方なので、結構準備が大変でした。

さて、長々とやって来たテーマについての最後の部分です。
テーマはこちら。

「HTMLに変更を加えることなく、スタイルシートだけを変更する
だけでデザインが変えられるテンプレート」


フッターのHTMLソースはこちら。

<div id="Footer">
copyright(c) 2010.<span class="SiteName"><a href="{$サイトURL}">{$サイトタイトル}</a></span> 
<span class="eMail"><a href="mailto:{$e-mail}">{$e-mail}</a></span> 
Template by <span class="TempCreator">
<a href="http://usefultoolers.com/">テンミニッツサイトストラテジー</a></span> 
Illustrated by <span class="IllustCreator"><a href="{$画像作者サイトURL}">{$画像作者サイト}</a></span>
</div>

フッターは単純にサイト情報を提示するだけです。
必要に応じてイラスト・画像提供サイトや、
テンプレート提供サイトへのリンクを貼っておきます。

構造としては、まず、

divタグでFooterというIDを設定して
フッター全体を括ります。

フッターの内容は、
・サイト名とリンク(SiteNameクラス)
・連絡先とリンク(eMailクラス)
・テンプレート提供サイトの表示とリンク(TempCreatorクラス)
・イラスト、画像提供サイトの表示とリンク(IllustCreatorクラス)

という感じになっています。
各リンクにスタイルを当てます。


結構、端折ってしまいましたが、
とりあえずこんな感じです。


ある程度の目処がついたら、
スタイルシートのスケルトン（骨組み）を
提示したいとは思っています。

ちょっと先になろうかとは思いますけれども、
それまでちょいとお待ちください。


ではでは。
Norimakiでした。