HTMLパーツからHTMLタグへ 【フッター編】
ども、サンデーアマグラマーNorimakiです。
長らく続いたヘッダー編も終わり、やっとフッター編です。
例の如くおさらいをしておきましょう。
現在、取り上げているテーマはこちら。
「HTMLに変更を加えることなく、スタイルシートだけを変更する
だけでデザインが変えられるテンプレート」
でもって、HTMLテンプレートを４つのパーツに分けています。
・ヘッダー
・フッター
・メイン部分
・サイドバー
この４つですね。で、今回はフッター編。
フッターは次の要素に分けられます。
・サイト名（著作権表示）
・連絡先（メールアドレスなど）
・テンプレート作者のサイトへのリンク
・画像作者のサイトへのリンク
とりあえずこんな感じです。
で、ヘッダー編でもやりましたが、このフッター部分（の範囲）を
指定してあげる必要があります。おなじみ div タグです。
<div id="footer">～</div>
これが前準備です。フッター部分の内容はこのタグの中に
書き込んでいくことになります。
あとは、その中にそれぞれの要素を突っ込んであげれば
いいわけです。
ヘッダー部分のときの各種リンクでは li タグを使用しましたが、
ここでは、 li タグは使用しません。
理由は単純に気分の問題です。
上に上げた４つの要素というのは、リストのように
関連し合っているものではないんじゃないかなと、
そう思うんで、 li タグは使用しません。
span タグで良いだろうと。
<div id="footer">
<span class="SiteName">
<a href="URL">サイト名</a>
</span>
<span class="eMail">
<a href="URL">連絡先</a>
</span>
<span class="TempCreator">
<a href="URL">テンプレート作者のサイトへのリンク</a>
</span>
<span class="IllustCreator">
<a href="URL">画像作者のサイトへのリンク</a>
</span>
</div>
こんな感じじゃないかなと思います。
必要に応じて修正します。
ではでは。
Norimakiでした。
無料ツール（配布期間限定）が手に入るメルマガ発行中です。
登録はこちらからどうぞ
長らく続いたヘッダー編も終わり、やっとフッター編です。
例の如くおさらいをしておきましょう。
現在、取り上げているテーマはこちら。
「HTMLに変更を加えることなく、スタイルシートだけを変更する
だけでデザインが変えられるテンプレート」
でもって、HTMLテンプレートを４つのパーツに分けています。
・ヘッダー
・フッター
・メイン部分
・サイドバー
この４つですね。で、今回はフッター編。
フッターは次の要素に分けられます。
・サイト名（著作権表示）
・連絡先（メールアドレスなど）
・テンプレート作者のサイトへのリンク
・画像作者のサイトへのリンク
とりあえずこんな感じです。
で、ヘッダー編でもやりましたが、このフッター部分（の範囲）を
指定してあげる必要があります。おなじみ div タグです。
<div id="footer">～</div>
これが前準備です。フッター部分の内容はこのタグの中に
書き込んでいくことになります。
あとは、その中にそれぞれの要素を突っ込んであげれば
いいわけです。
ヘッダー部分のときの各種リンクでは li タグを使用しましたが、
ここでは、 li タグは使用しません。
理由は単純に気分の問題です。
上に上げた４つの要素というのは、リストのように
関連し合っているものではないんじゃないかなと、
そう思うんで、 li タグは使用しません。
span タグで良いだろうと。
<div id="footer">
<span class="SiteName">
<a href="URL">サイト名</a>
</span>
<span class="eMail">
<a href="URL">連絡先</a>
</span>
<span class="TempCreator">
<a href="URL">テンプレート作者のサイトへのリンク</a>
</span>
<span class="IllustCreator">
<a href="URL">画像作者のサイトへのリンク</a>
</span>
</div>
こんな感じじゃないかなと思います。
必要に応じて修正します。
ではでは。
Norimakiでした。
無料ツール（配布期間限定）が手に入るメルマガ発行中です。
登録はこちらからどうぞ