2007年09月10日

ナビゲーションバーを設置しよう 

前回の反省点で、へこんではおられません。
まだまだがんばりますicon14icon21

今回は滋賀咲くブログのナビゲーションバー設置の紹介をしたいと思います。
ナビゲーションバーとは↓のことです。（正式名はiconN05icon10）



ナビゲーションバーは、みなさんが選択されるテンプレートによって、設置されてあるものと、設置されてないものがあります。
設置されてないけど今のテンプレートがお気に入りの方にはもってこいの紹介だと思いますよ。


設定

ナビバーは「トップページ」、「個別記事」、「アーカイブ」それぞれに設定します。
その中から「<body>」もしくは「<!--HEADER-->」を探してください。



その間に次の文章を付け加えます。 

<!-- Navigation -->
<div style="font-size:12px; background:url(http://shiga-saku.net/img/ad/bg_head.gif); background-repeat:repeat-x;">
<table cellpadding="0" cellspacing="0" width="100%" border="0"
class="header_scroll">
<tr>
<td nowrap width="1%"><div align="left"><script type="text/javascript"
src="http://shiga-saku.net/js/header_logo.js"></script></div></td>
<td nowrap width="97%"><td>
<td nowrap width="1%"><div align="right"><script type="text/javascript"
src="http://shiga-saku.net/js/scroll.js"></script><script
type="text/javascript"
src="http://shiga-saku.net/js/scroll_news.js"></script><script>topics.start();</script></div></td>
<td nowrap width="1%"><div align="right"><script type="text/javascript"
src="http://shiga-saku.net/js/header_login.js"></script></div></td>
</tr>
</table>
</div>
<!-- Navigation -->

自分で入力していくのは大変だと思うので、↑のをコピー＆貼り付けしてください。
これでOKです。


まとめ

どうでしたかiconN05上手く設置できたでしょうか。
これが分かっていれば、ナビバーが設置してあるテンプレートの方でも一工夫できちゃいますよ。
べつに「<body>」のすぐ下に設置しなくても、このブログのように「<div id="container">」と「<div id="banner">」の間に設置してやってもオモシロいと思います。
あとは背景画像も自分で用意できるのであれば変更可能ですねkao10
いろいろ試してカスタムしちゃってください。
それではお疲れ様でしたicon23


Posted by nory at 22:39│Comments(0)│TrackBack(0) │HTMLタグ
このBlogのトップへ│前の記事│次の記事

この記事へのトラックバックURL

http://customshichao.shiga-saku.net/t52397
この記事へのコメントを書く