- 追加された行はこの色です。
- 削除された行はこの色です。
- test3 へ行く。
#html{{
<ul id="dropmenu">
<li><a href="http://www.0o0d.com/main/">ア</a>
</li>
<li><a href="http://www.0o0d.com/qhm/">カ</a>
<!-- <ul> ----->
<!-- <li><a href="#">サブメニュー</a></li> ----->
<!-- <li><a href="#">サブメニュー</a></li> ----->
<!-- <li><a href="#">サブメニュー</a></li> ----->
<!-- <li><a href="#">サブメニュー</a></li> ----->
<!-- </ul> ----->
</li>
<li><a href="#">サ</a>
<ul>
<li><a href="http://www.0o0d.com/main/index.php?アップローダー">アップローダー</a>
<ul>
<li><a href="http://www.0o0d.com/uploader/uploader.cgi">アップローダーA</a></li>
<li><a href="http://www.0o0d.com/uploader2/uploader.cgi">アップローダーB</a></li>
<li><a href="http://www.0o0d.com/uploader3/uploader.cgi">アップローダーC</a></li>
<li><a href="http://www.0o0d.com/uploader4/uploader.cgi">アップローダーD</a></li>
<li><a href="http://www.0o0d.com/uploader5/uploader.cgi">アップローダーE</a></li>
<li><a href="http://www.0o0d.com/uploader6/uploader.cgi">アップローダーF</a></li>
<li><a href="http://www.0o0d.com/upload/upload.cgi">アップローダーG</a></li>
</ul>
</li>
<!-- <li><a href="#">サブメニュー</a></li> ----->
<!-- <li><a href="#">サブメニュー</a></li> ----->
</ul>
</li>
<li><a href="#">タ</a>
<ul>
<li><a href="http://www.0o0d.com/main/index.php?PC">PC</a></li>
<li><a href="http://www.0o0d.com/jinbutsu/">歴史・人名</a></li>
<li><a href="http://www.0o0d.com/world/">世界</a></li>
<li><a href="http://www.0o0d.com/main/index.php?会計・経理・総務">会計・経理・総務</a></li>
<li><a href="http://www.0o0d.com/horei/">法律・規則</a></li>
<li><a href="http://www.0o0d.com/recipe/index.php">レシピ</a></li>
<li><a href="#">チョコボ王国</a></li>
<li><a href="#">文庫ePub</a></li>
<li><a href="#">メモ帳</a></li>
<li><a href="#">NAVI</a></li>
<li><a href="#">SITEMAP</a></li>
<li><a href="#">コラム</a>
<ul>
<li><a href="#">col</a></li>
<li><a href="#">col2</a></li>
<li><a href="#">col3</a></li>
</ul>
</li>
<li><a href="#">新聞</a></li>
<li><a href="#">ブログ</a>
<ul>
<li><a href="#">cafe</a></li>
<li><a href="#">覚書</a>
<ul>
<li><a href="#">覚書admin</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="http://www.0o0d.com/qhm/index.php?encode_hint=%E3%81%B7&cmd=search&word=マニュアル&type=AND">ナ</a>
<ul>
<li><a href="http://www.0o0d.com/qhm/index.php?コンテンツの作り方">コンテンツの作り方</a>
<ul>
<li><a href="#">基本</a>
<ul>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/他のサイトにリンク">他のサイトにリンク</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/テキスト修飾">テキスト修飾</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/HTMLで直接記述">HTMLで直接記述</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/画像の埋め込み">画像の埋め込み</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/Flashの埋め込み">Flashの埋め込み</a></li>
</ul>
</li>
<li><a href="#">コンテンツ設置</a>
<ul>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/コードハイライト機能">コードハイライト</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/掲示板の設置">掲示板の設置</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/1行コメントの設置">1行コメントの設置</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/アップローダ設置">アップローダ設置</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/カレンダー設置">カレンダー設置</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/カウンタの設置">カウンタの設置</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/オンライン人数">オンライン人数</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/他ページ読み込み">他ページ読み込み</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/スマイリーアイコンの使用">スマイリーアイコン</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?マニュアル/その他">その他</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">プラグインA-L</a>
<ul>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/a">プラグイン/a</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/b">プラグイン/b</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/c">プラグイン/c</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/d">プラグイン/d</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/e">プラグイン/e</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/f">プラグイン/f</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/h">プラグイン/h</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/i">プラグイン/i</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/l">プラグイン/l</a></li>
</ul>
</li>
<li><a href="#">プラグインM-V</a>
<ul>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/m">プラグイン/m</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/n">プラグイン/n</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/o">プラグイン/o</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/p">プラグイン/p</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/r">プラグイン/r</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/s">プラグイン/s</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/t">プラグイン/t</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/u">プラグイン/u</a></li>
<li><a href="http://www.0o0d.com/qhm/index.php?PukiWiki/1.4/マニュアル/プラグイン/v">プラグイン/v</a></li>
</ul>
</li>
</ul>
</li>
</ul>
}}
#html(<style type="text/css"> <!-- #dropmenu { list-style-type: none; width: 700px; margin: 10px auto 500px; padding: 0; } #dropmenu li { position: relative; width: 20%; float: left; margin: 0; padding: 0; text-align: center; } #dropmenu li a { display: block; margin: 0; padding: 12px 0; background: silver; color: #fff; font-size: 12px; font-weight: bold; line-height: 1; text-decoration: none; } #dropmenu li ul { list-style: none; position: absolute; z-index: 100; top: 100%; left: 0; width: 100%; margin: 0; padding: 0; } #dropmenu li ul li { overflow: hidden; width: 100%; height: 0; color: #fff; transition: .2s; } #dropmenu li ul li a { padding: 12px 12px; background: silver; text-align: left; font-size: 12px; font-weight: normal; } #dropmenu > li:hover > a { background: silver } #dropmenu > li:hover li:hover > a { background: silver } #dropmenu > li:hover > ul > li { overflow: visible; height: 36px; } #dropmenu li ul li ul { top: 0; left: 100%; } #dropmenu li:last-child ul li ul { left: -100%; width: 100%; } #dropmenu li ul li ul:before { position: absolute; content: ""; top: 13px; left: -20px; width: 0; height: 0; border: 5px solid transparent; border-left-color: #454e08; } #dropmenu li:last-child ul li ul:before { position: absolute; content: ""; top: 13px; left: 200%; margin-left: -20px; border: 5px solid transparent; border-right-color: #454e08; } #dropmenu li ul li:hover > ul > li { overflow: visible; height: 36px; } #dropmenu li ul li ul li a { background: silver } #dropmenu li:hover ul li ul li a:hover { background: silver } --> </style> )