無償版QHM4.73→有償版4.81

ナビ編

ナビ編

ナビに画像を表示する方法

ナビに画像を表示する方法は以下の手順の通りです。画像を横に並べるために改行は入れません。

【手順】

  1. ナビに使用する画像を作成する。(JPG, GIF, PNGのどれかで作成)
  2. QHMがインストールされているフォルダ配下に data フォルダを作成する。
  3. FTPでナビ用の画像を data フォルダにアップロードする。
  4. ナビ編集」で以下のソースを記述する。
    【ソース】
    [[&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]]
  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>
    }}

当ページは役に立ちましたか?

選択肢 投票
たいへん役に立った 4  
ちょっとだけ役に立った 0  
普通 0  
あんまり 0  

powered by Quick Homepage Maker 4.81
based on PukiWiki 1.4.7 License is GPL. QHM

最新の更新 RSS  Valid XHTML 1.0 Transitional