このサイトで使っているナビゲーションバーを表示するプラグインです。

ダウンロード：NP_Milionic080.zip

インストール方法：
メニュー表示には、
http://www.milonic.com/
のスクリプトを利用しています。
個人利用の場合はフリー(無料)となっていますが、再配布がOKとは書いていないので別途本体スクリプトをダウンロードしてください。
上記トップページの下の方にリストアップされているサンプル群のいずれかでもOKですし、
http://www.milonic.com/download.php
でダウンロードしてもOKです。

プラグインzipファイルを解凍するとNP_Milionic.phpと「milionic」フォルダができます。
この「milionic」フォルダに、先ほどダウンロードした本体スクリプトファイルのうちの
milonic_src.js
mmenudom.js
mmenuns4.js
の3つのファイルを置いてください。
(ここまでの作業は、「milionic」フォルダの『1st_readme.txt』にも書いています)

プラグインセットが出来上がったらサーバに転送して管理エリアでプラグインのインストールをしてください。

使用方法：
スキンのメニューエリアに

<%Milionic()%>

と書くだけです。

以下、仕組みと注意点、カスタマイズの方法などを書いておきます。
1)表示されるエリア

まず、一番注意しなければならないのは、このナビゲーションが表示されるエリアです。
デフォルトの状態では、positionはabsoluteです。(つまり、表示ウィンドウの上から○pixel、左から○pixelに表示する)
このプラグインでは、
http://www.milonic.com/tablemenu.php
の解説を利用して、相対表示(position="relative";)にしていますが、OSとブラウザの組み合わせによっては、この相対表示が正しく反映されない可能性があります。

ちなみに、このサイトでは2005-07-12現在、positionをabsoluteに戻して使っています。


2)色などデザインのカスタマイズ

http://www.milonic.com/
の一番下にたくさんリストアップされているメニューの見せ方のどれでも利用することができます。
右から左に開いていくメニューも作れますし、上にツリーが伸びていくメニューも作れます。
ページのスクロールにメニューバーを追随させる事もできます。
もちろん、背景に画像を使うこともできます。
とりあえずはサンプル群を見てください。

3)デザインの定義の仕組み

(お昼に書きます)