ナビ編
ナビ編
ナビに画像を表示する方法
ナビに画像を表示する方法は以下の手順の通りです。画像を横に並べるために改行は入れません。
【手順】
- ナビに使用する画像を作成する。(JPG, GIF, PNGのどれかで作成)
- QHMがインストールされているフォルダ配下に data フォルダを作成する。
- FTPでナビ用の画像を data フォルダにアップロードする。
- 「ナビ編集」で以下のソースを記述する。
【ソース】[[&ref2(data/navi1.jpg,nolink,,トップ);>FrontPage]][[&ref2(data/navi2.jpg,nolink,,Page2);>ページ2]][[&ref2(data/navi3.jpg,nolink,,Page3);>ページ3]][[&ref2(data/navi4.jpg,nolink,,Page4);>ページ4]][[&ref2(data/navi5.jpg,nolink,,Page5);>ページ5]]
- 以下のスクリプトをナビ2に記述する。
- ナビの背景色を白に設定
- 画像の上にカーソルがきたとき、画像を変化させる
【ソース】#beforescript{{ <style type="text/css"> <!-- #navigator { background-color: #FFFFFF; border: 1px solid #FFFFFF; } a:hover img{ opacity:0.75; /* opera firefox safari */ filter: alpha(opacity=75); /* ie */ } --> </style> }}