固定されたページトップ
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:4031 T:1 Y:0