Menü kódja
<div align="center" id="time4bed-nav">
<ul>
<li>
<a class="current" href="/"><span>Főoldal</span></a>
</li>
<li>
<a href="/"><span>Portálépítés</span></a>
</li>
<li>
<a href="/"><span>Portálszépítés</span></a>
</li>
<li>
<a href="/"><span>Kódok</span></a>
</li>
<li>
<a href="http://www.css-kodok.gportal.hu/" target="_blank"><span>CSS témák</span></a>
</li>
</ul>
</div>
CSS kód
<style type="text/css">
#time4bed-nav{
position:relative;
height:43px;
font-size:14px;
text-transform:none;
background:#000000;
font-family:Georgia, "Times New Roman", Times, serif;
}
#time4bed-nav ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;
}
#time4bed-nav ul li{
display:block;
float:left;
margin:0 2px;
}
#time4bed-nav ul li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:0 0 0 20px;
height:43px;
line-height:40px;
}
#time4bed-nav ul li a span{
display:block;
float:left;
padding:0 20px 0 0;
height:31px;
width:auto;
}
#time4bed-nav ul li a:hover{
color:#B87070;
}
#time4bed-nav ul li a:hover span{
display:block;
cursor:pointer;
}
#time4bed-nav ul li a.current{
color:#000000;
background:#72B7CB;
}
#time4bed-nav ul li a.current:hover{
color:#000000;
background:#B87070;
}</style>
3 461 megtekintés