テンプレートによる無料素材：ＣＳＳ メニューボタン 横並び水平 ドロップダウン / プルダウンメニュー
スタイリッシュなCSSメニューを揃えてみました。そのままソースをダウンロードすることが出来ます。
色味、メニュー数のカスタマイズは自由にどうぞ。
テンプレートメニュー #dd3
ドロップダウン / プルダウンメニュー#dd3 Update : 09/12/30
Download
設置方法
インストール
1： 『css』フォルダと『images』フォルダをディレクトリにアップロードしてください。
2： 下記のHTMLコードをコピーして、ペーストしてください。
<![CDATA[
<ul class="pulldown">
<li><a href="" class="top"><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="https://akarinohon.com/text/taketori.cgi/http://myisland.jp/template/menus/drop_down3.html#">SAMPLE1-1</a></li>
<li class="heading">SAMPLE1</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="" class="top"><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="https://akarinohon.com/text/taketori.cgi/http://myisland.jp/template/menus/drop_down3.html#">SAMPLE2-2</a></li>
<li><a href="https://akarinohon.com/text/taketori.cgi/http://myisland.jp/template/menus/drop_down3.html#">SAMPLE2-1</a></li>
<li class="heading">SAMPLE2</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="" class="top"><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="https://akarinohon.com/text/taketori.cgi/http://myisland.jp/template/menus/drop_down3.html#">SAMPLE3-3</a></li>
<li><a href="https://akarinohon.com/text/taketori.cgi/http://myisland.jp/template/menus/drop_down3.html#">SAMPLE3-2</a></li>
<li><a href="https://akarinohon.com/text/taketori.cgi/http://myisland.jp/template/menus/drop_down3.html#">SAMPLE3-1</a></li>
<li class="heading">SAMPLE3</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="" class="top"><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="https://akarinohon.com/text/taketori.cgi/http://myisland.jp/template/menus/drop_down3.html#">SAMPLE4-4</a></li>
<li><a href="https://akarinohon.com/text/taketori.cgi/http://myisland.jp/template/menus/drop_down3.html#">SAMPLE4-3</a></li>
<li><a href="https://akarinohon.com/text/taketori.cgi/http://myisland.jp/template/menus/drop_down3.html#">SAMPLE4-2</a></li>
<li><a href="https://akarinohon.com/text/taketori.cgi/http://myisland.jp/template/menus/drop_down3.html#">SAMPLE4-1</a></li>
<li class="heading">SAMPLE4</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="last"><a href="" class="top"><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="https://akarinohon.com/text/taketori.cgi/http://myisland.jp/template/menus/drop_down3.html#">SAMPLE5-1</a></li>
<li class="heading">SAMPLE5</li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</ul>
]]>
HTMLファイルから外部Style Sheetへリンク
1： 外部Style Sheetを利用したいHTMLファイルのソースにリンク設定を追加する。各HTMLファイルの<head></head>の間に下記のコードを入力。
<link href="menu.dd3.css" rel="stylesheet" type="text/css" />