ビット・コンサル Office

以前、このページの情報を参考にサイトのサブバナーにプルダウン・メニューをセットしていたが、その時の作業ファイルが Windows マシンに残っていたの再利用した。

（インストールのあらまし）

1). サイトから css-pulldown.lzh をダウンロードして展開

2). 展開されたファイルの pull.css, pull-IE6.css をそれぞれスタイルシートとしてブログに登録

3). 下記の内容を、ndex.html, archives.html, エントリー・アーカイブ, カテゴリー・アーカイブ, 日付アーカイブ それぞれのヘッダー内に追加

<link REL="stylesheet" type="text/css" HREF="<$MTBlogURL$>pull.css">
<!--[if lt IE 6.1000]>
<link REL="stylesheet" type="text/css" HREF="<$MTBlogURL$>pull-IE6.css">
<![endif]-->

4). サブバナー・モジュールにプルダウンの内容を追加

<DIV id="menu">
<ul class="main">
<li class="off"onmouseover="this.className='on' "onmouseout="this.className='off'">
<A href="#">小物入れ</A>
<ol class="sub">
<li class="off2" onmouseover="this.className='on2'" onmouseout="this.className='off2'">
<A href="#"><span>Ｗｅｂメール</span></A>
</li>
<li class="off2" onmouseover="this.className='on2'" onmouseout="this.className='off2'">
<A href="#">サイトの管理</A>
<ul class="sub-2">
<li><a href="#">アクセス統計</a></li>
<li><a href="#">ブログ設定</a></li>
<li><a href="#">JBoss コンソール</a></li>
<li><a href="#">FTP コンソール</a></li>>
</ul>
</li>
</ol>
</li>
</ul>
</DIV>

4). プルダウン・メニューの色、とくに表示位置の調整をスタイルシートで調整

とくに、表示位置はブラウザーの左上隅からの絶対位置でセットするようなので、ブログ自体の表示をセンターから左に変更した。相対位置、たとえばテーブルの上隅を基準なども出来るのかも知れないが調べていない。