2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Coppermine Gallery themes

Coppermine Gallery themes
16 napja
24 néző

WordPress themes

WordPress themes
17 napja
26 néző

G-Portál themes

G-Portál themes
17 napja
12 néző

Tumblr themes

Tumblr themes
17 napja
25 néző

Vízszintes menü 06.

 

Menü kódja
 

<div class="circlemenu">
    <ul>
        <li>
            <a href="/"><span>Home</span></a>
        </li>
        <li>
            <a href="/"><span>Graphics</span></a>
        </li>
        <li>
            <a href="/"><span>CSS</span></a>
        </li>
        <li>
            <a href="/"><span>Flash</span></a>
        </li>
        <li>
            <a href="/"><span>Help</span></a>
        </li>
    </ul>
</div>


CSS kód
 

<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>


2 132 megtekintés

Hozzászólások