2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

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 073 megtekintés

Hozzászólások