「CSSで作る超簡単ドラクエ風メニュー」を作りました!

Jul 9, 2009

昨日のスライムTwitter Bot作りました。というエントリーに引き続き、ドラクエ祭りです。

「CSSで作る超簡単ドラクエ風メニュー」てのを、作りました。
インターフェースも、ドラクエ風になっています!
ソースも、びっくりするくらい超シンプルです。

使い方は、
ダウンロードしたdqmenu.cssを、
↓こんなかんじで<head>タグ内に読み込み、
<link type="text/css" rel="stylesheet" href="css/dqmenu.css" />

<body>タグ内に、
↓こんなかんじでulタグを書くだけです。
<ul id="dqmenu">
<li class="top">ドラクエメニューの上枠</li>
<li class="menu01"><a href="リンク先のURL">たたかう</a></li>
<li class="menu02"><a href="リンク先のURL">じゅもん</a></li>
<li class="menu03"><a href="リンク先のURL">どうぐ</a></li>
<li class="menu04"><a href="リンク先のURL">にげる</a></li>
</ul>

コピペするだけでも十分使えるし、カスタマイズもかなりし易い仕様になってます。
メニュー数も充実の31種類!
ごあいさつ、しょうひん、おといあわせ、きゅうじん、などなど、
スタンダードな項目は網羅してます。

WEB制作者のみなさま、ぜひ、使ってみてください!

白坂翔
白坂翔

1984年生まれ。ボードゲームカフェJELLY JELLY CAFEオーナー、将棋カフェCOBINオーナー、マーダーミステリー専門店Rabbitholeプロデューサー、株式会社人狼の代表取締役。ポーカーとゴルフが好きです。MORE

あわせてどうぞ

F-01Cなら、自分撮りも簡単&高画質!