Menü kódja
<div id="nav">
<ul>
<li>
<a href="/">Főoldal</a>
</li>
<li>
<a href="/">Graphics</a>
</li>
<li>
<a href="/">Segítségek</a>
</li>
<li>
<a href="/">Facebook</a>
</li>
<li>
<a href="/">Brush-ok</a>
</li>
<li>
<a href="/">Vendégkönyv</a>
</li>
</ul>
</div>
CSS kód
<style type="text/css">
#nav ul{
list-style: none;
margin: 0px;
padding: 0px;
}
#nav ul li{
list-style: none;
margin-bottom: 3px;
padding: 5px;
}
#nav li{
display: block;
text-align: left;
font-family: georgia;
padding: 3px;
font-size: 11px;
text-decoration:none;
background: #EACD99;
width: 130px;
border-right: 7px solid #BA6066;
border-left: 5px solid #BA6066;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
border-radius: 0 15px 15px 0;
margin-bottom: 3px;
}
#nav li:hover{
display: block;
background: #BA6066;
text-decoration:none;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
padding-left: 15px;
border-right: 7px solid #EACD99;
border-left: 5px solid #EACD99;
}
#nav a{
text-decoration:none;
color: #BA6066;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
}
#nav a:hover, #nav li:hover a{
color: #F4E6CB;
transition: all .7s ease-in-out;
-moz-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
}</style>
3 341 megtekintés