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