メニューバーをブログの一番上に設置したい |
||
(0)
また、この方法を応用すれば、メニューバーの位置を様々な場所に変更出来ます。
スポンサードリンク
HTMLの編集を行います。
まず、メニューバーの箇所を探してください。
<!--▼ メニューバー ▼-->
<ul id="menu_bar">
<li><a href="<%url>blog-entry-1.html">１番目</a></li>
<li><a href="<%url>blog-category-1.html">２番目</a></li>
<li><a href="<%url>blog-category-2.html">３番目</a></li>
<li><a href="<%url>blog-entry-2.html">４番目</a></li>
<li><a href="<%url>blog-category-3.html">５番目</a></li>
</ul>
<!--▲ メニューバー ▲-->
上記の部分を、以下の場所に移動させます。
<body onBlur="" bgcolor= "#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<div id="outline_header">
<!--▼ メニューバー ▼-->
<ul id="menu_bar">
<li><a href="<%url>blog-entry-1.html">１番目</a></li>
<li><a href="<%url>blog-category-1.html">２番目</a></li>
<li><a href="<%url>blog-category-2.html">３番目</a></li>
<li><a href="<%url>blog-entry-2.html">４番目</a></li>
<li><a href="<%url>blog-category-3.html">５番目</a></li>
</ul>
<!--▲ メニューバー ▲-->
<!--▼▼ ヘッダー ▼▼-->
<div id="header_outline">
<div id="header_body">
<div id="outline_header">が、ブログの一番上の部分に相当するので、このすぐ下にメニューバーを設置すれば、完成です。
また、下へ下へスクロールした際も、ずっとメニューバーが一番上にあった方がいいと思う方もいると思います。
また後日、説明したいと思います。
↑こちらです。
グレーが基本色のテンプレートです。
メインカラー ：#444444
メニューカラー：#333333
サブカラー ：#EFEFEF
ラインカラー ：#999999
で主に構成しています。CSSにて色指定箇所を置換すれば簡単に色替えが可能です。 お好みの色に変更して楽しんでください。
SP01_Blue
爽やかな水色が基本色のテンプレートです。
必ず結果が出るブログ運営テクニック
もっとカスタマイズしたい方必見！
毎日メンテナンスするだけで･･･
