Neko

Menükód

<div class="blue">
    <div id="waxcontainer">
        <div id="waxnav">
<ul>
<li>
                    <a class="current" href="//aranyymeli.gportal.hu"><span>Főoldal</span></a></li>
<li>
                    <a href="//gportal.hu/gindex.php?pg=19322271"><span>Kellékek</span></a></li>
<li>
                    <a href="//gportal.hu/gindex.php?pg=18012139"><span>Kódok</span></a></li>
<li>
                    <a href="//aranymeli.gportal.hu/gindex.php?pg=33037026"><span>Galéria</span></a></li>
<li>
                    <a href="http://users2.smartgb.com/g/g.php?a=s&amp;i=g24-02933-45" target="_blank"><span>Vendégkönyv</span></a></li>
</ul>
</div>
</div>
</div>

CSS kód

<style type="text/css">
.blue #waxcontainer{
   position:relative;
   height:48px; /* menü alja vastagsága, jelenleg kék. */
   background:#69BEEE; /* menü alja háttérszíne */
   width:100%;
   font-family:"Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;}
.blue #waxnav{
   position:relative;
   height:25px;
   font-size:11px;
   font-weight:bold;
   background:#fff repeat-x bottom left;}
.blue #waxnav ul{
   margin:0px;
   padding:0 0 4px 0;
   list-style-type:none;
   width:400px;
   float:left;}
.blue #waxnav ul li{
   display:block;
   float:left;
   margin:0 1px;}
.blue #waxnav ul li a{
   display:block;
   float:left;
   color:#003858;
   text-decoration:none;
   padding:0 0 0 12px;
   height:21px;
   line-height:195%;}
.blue #waxnav ul li a span{
   padding:0 12px 0 0;}
.blue #waxnav ul li a:hover,.blue #waxnav ul li a.current{
   color:#fff;
   background:#1D6893 no-repeat top left;}
.blue #waxnav ul li a:hover span,.blue #waxnav ul li a.current span{
   display:block;
   width:auto;
   background:#1D6893 no-repeat top right;}
--></style>

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.