Neko

Kód

<div class="circlemenu">
    <ul>
        <li>
            <a href="//aranymeli.gportal.hu"><span>Home</span></a></li>
        <li>
            <a href="//aranymeli.gportal.hu/gindex.php?pg=19322271"><span>Graphics</span></a></li>
        <li>
            <a href="//aranymeli.gportal.hu/gindex.php?pg=18012139"><span>CSS</span></a></li>
        <li>
            <a href="//aranymeli.gportal.hu/gindex.php?pg=35853283"><span>Flash</span></a></li>
        <li>
            <a href="//aranymeli.gportal.hu/gindex.php?pg=20199690"><span>Help</span></a></li>
    </ul>
</div>
<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;
}

.circlemenu li{
display: inline;
margin: 0;
}

.circlemenu li a{
display:inline-block;
text-align:center;
text-decoration: none;
color: white;
background:#FF9999;
text-shadow: 1px 1px 0px #BF0000;
margin: 0;
margin-right:5px;
width:80px;
height:80px;
border-radius: 400px;
-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:#ABD0BC;
text-shadow: 1px 1px 0px #3D6B52;
}</style>
 

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.