〔この列ペースト不要〕
※:<body> 部の編集 背景 リンク 表示済みリンクンク アクティブリンクの各色(任意値)
メニュー絶対位置 幅 スクロールバー 内余白 背景画像
メニュー名
アイコン URL ターゲット 吹き出し サイト名
以下、同様。
絶対位置 高さ スクロールバー 内余白 背景画像
以下、本スクリプト外 |
<body bgcolor="#F9F8F9" link="#54006C" vlink="#62000D" alink="#00FFFF">
<!-- ★ ----------- ↓ この間をコピー&ペーストします。 ------------ -->
<div style="position: absolute; top:1px; left:1px; width:180px;
height:100%; float:right; overflow:auto; padding:2px
2px; background: #FFFFFF url('http://www.pat.hi-ho.ne.jp/oka_tosho/wttec.gif');
">
<ul class="flipMenu">
<li>メニュー 1
<ul>
<li style="list-style-image: url(flip_google.gif)"><a
href="http://www.google.com/intl/ja/" target="_blank"
title="新しいWinで開きます。">Google</a></li>
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト
12</a></li>
==== この間、説明を省略。 ====
<li><a href="http://www.playboy.com/playmates/index.html" target="_blank"
title="Playboy.com - Playmate Files - Centerfolds - Playmate
Pictures">Playmates</a></li>
<li><a href="http://broadband.biglobe.ne.jp/index_gravure_p.html"
target="_blank" title="BIGLOBE ストリーム 女優">BIGLOBE ストリーム 女優</a></li>
</ul>
</li>
<li>メニュー 2
<ul>
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト
21</a></li>
==== この間、説明を省略。 ====
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト
25</a></li>
<li>メニュー 21
<ul>
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト
211</a></li>
==== この間、説明を省略。 ====
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト
219</a></li>
</ul>
</li>
<li>メニュー 22
<ul>
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト
221</a></li>
==== この間、説明を省略。 ====
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト
229</a></li>
</ul>
</li>
<li>メニュー 23
<ul>
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト
231</a></li>
==== この間、説明を省略。 ====
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト
239</a></li>
</ul>
</li>
<li>メニュー 24
<ul>
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト
241</a></li>
==== この間、説明を省略。 ====
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト
249</a></li>
</ul>
</li>
<li>メニュー 25
<ul>
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト
251</a></li>
==== この間、説明を省略。 ====
<li><a href="http://www./……/xxx.html" target="_blank" title="メッセージ">サイト
259</a></li>
</ul>
</li>
</ul>
</li>
<li>メニュー 3
<ul>
==== この間、説明を省略。 ====
</ul>
</li>
<li><a href="javascript:closeAllFlips()">全・折り畳み</a></li>
<li><a href="javascript:openAllFlips()">全・展開</a></li>
</ul>
</div>
<!-- ★ ----------- ↑ この間をコピー&ペーストします。 ------------ -->
<!-- ↓ 右回り込みDIVの位置設定。 -->
<!-- 絶対位置 高さ 右回り込み オーバーフロー非表示 余白上下 左右 背景色/画像 -->
<div style="position: absolute; top:10px; left:180px; height:auto;
float:right; overflow:hidden; padding:5px 10px;
background: #FFFFFF url('http://www.pat.hi-ho.ne.jp/oka_tosho/wttec.gif');
">
<!-- ■ ---- 位置調整のためのDIV有りは ↑ この間をコピー&ペーストします。 -->
<p>以下、自由コンテンツ(HTML)を記述。 テキスト(例)。 ---------------------------------------------------------------- ---------------------------------------------------------------- ----------------------------------------------------------------</p>
|