Menu Berbentuk Lingkaran

S

ebagai contoh bisa anda lihat disini:DEMO
Cara pembuatan nya:]]></b:skin>
Cari kode
copas kode css dibawah ini dan letakkan di atas nya:

<style type="text/css"> .circlemenu{ width: 100%; overflow:hidden; } .circlemenu ul{ margin: 0; padding: 0; font: bold 14px Verdana; list-style-type: none; text-align: center; /* "left", "center", or "right" align menu */ } .circlemenu li{ display: inline; margin: 0; } .circlemenu li a{ display:inline-block; text-align:center; text-decoration: none; color: white; background:transparent; margin: 0; margin-right:5px; /*right spacing between each link */ width:100px; height:100px; border:2px solid aqua; border-radius: 400px; /*really large border radius to create round borders*/ -moz-border-radius: 400px; -webkit-border-radius: 400px; } .circlemenu a span{ position:relative; top:40%; } .circlemenu li a:visited{ color: white; } .circlemenu a:hover{ background:black; } </style>

Contoh Penerapan nya:
<div class="circlemenu">
<ul>
<li><a href="Link yang anda tuju"><span>Home</span></a></li>
<li><a href="#"><span>DHTML</span></a></li>
<li><a href="#"><span>CSS</span></a></li>
<li><a href="#"><span>Forums</span></a></li>
<li><a href="#"><span>JavaScript</span></a></li>
</ul>
</div>


Selamat Mencoba