簡単でプロ並みホームページ作成ツール Quick Homepage Maker(QHM)。SEO対策にも強い!QHMなら簡単にブログを書くように更新できます!

固定されたページトップ

Top / Technique / PageTopFixation

全ページに固定されたページトップ設置

D++ design Labo様 が今年(2010)1月16日に公開されています。設置させて頂きました。

設置方法

  • 最初に表示する画像とマウスを乗せたときに表示する画像を用意して「swfu」に画像をアップロードする。
  • 「設定」→「サイト情報の設定」→「その他のタグ」にソースを記述する。
    <style type="text/css">
    <!--
    .pageTop {
    bottom:0;
    height:20px;
    left:0;
    line-height:0;
    margin:0;
    text-align:right;
    position:fixed;
    width:100%;
    }
    
    .pageTop a {
    margin-right:30px;
    }
    -->
    </style>
  • 「メニュー管理」→「ナビ2」→ナビ2にソースを記述する。
    #html{{
    <div class="pageTop lastChild">
    <a class="parentsLink firstChild lastChild" title="このページの先頭へ" href="#headcopy">
    <img src="swfu/d/pagetop-w1.gif" onmouseover="this .src='swfu/d/pagetop-w2.gif'" onmouseout="this .src='swfu/d/pagetop-w1.gif'" alt="このページの先頭へ" />
    </a></div>
    }}
  • ロールオーバー部のソース解説
    <img src="最初に表示する画像のURL名" onmouseover="this .src='マウスを乗せた時に表示する画像のURL名'" onmouseout="this .src='最初に表示する画像のURL名'" alt="画像の説明" />
    </a></div>




A:3075 T:1 Y:2


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

最新の更新 RSS  Valid XHTML 1.0 Transitional