沖縄とトールペイントが大好きでQuick Homepage Makerでのサイト作りに奮闘中！

Top / QHMReferenceBook / 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」→ナビ２にソースを記述する。

  #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>
  }}