トップページ > メインテンプレート > フッターに何か書いてみる NO.28

フッターに何か書いてみる NO.28

2006年04月13日
メインページの段組をスタイルシートでしたときにフッターのスペースもとってありました。(こちらの記事参照)フッターは「Copyright」とか「ナビゲーションバー」とか「TOP相互リンク」とかいろいろ使えるスペースです。私はこんな感じに・・・(*^^)
sample29.gif



【メインテンプレートの修正】
メインテンプレートの中の><!--フッター開始-->~<!--フッター終了-->の間に、下記のように記述しました。(内容はご自分用に変えてくださいね♪)


<div class="footer">~</div>で囲んであるのはクラス名"footer"でスタイルを指定するためです。
<div class="footer">
当サイト内の画像・素材・記事等を無断で複製・転載・転用することはご遠慮ください。 <br />
Copyright(C) <a href="<$MTBlogURL$>"><$NTBlogName$></a>All Rights Reserved. <br />
運営サイト:<a href="http://www.gift-select.com/">ギフト*セレクト</a> | <a href="http://shikake-ehon.gift-select.com/">しかけえほんのお店</a><br>
</div>


【スタイルシートに追記する】
フッターのスタイルを指定します。スタイルシートの一番下に下記のように追記します。
どこに書いてもいいんだけどね・・・(^-^)
/*フッター関連*/
.footer{
border-top:3px double #cccccc;
margin-top:10px;
padding-top:5px;
font-size: 12px;
font-family: Verdana, Arial, sans-serif;
text-align:center;
line-height: 150%;
}


« 「検索」機能を「Google」に変更する NO.27 | トップページ | 投稿した記事とテンプレートの関係 NO.29 »