CSS Çengel Menü Kodu ( Tr.ggye Uygun )

                  <div id="menua">     <ul>         <li class="current">Ana Sayfa<br /><span>kısa kısa<br /> açıklama <br />Ana Sayfa</span></li>         <li><a href="#">Hakkımızda<br /><span>kısa kısa<br />açıklama <br />Hakkımızda</span></a></li>                 <li><a href="#">Hizmetler<br /><span>kısa kısa<br />açıklama <br />Hizmetler</span></a></li>         <li><a href="#">Referanslar<br /><span>kısa kısa<br />açıklama Referans</span></a></li>                 <li><a href="#">İletişim<br /><span>kısa kısa<br />açıklama <br />İletişim</span></a></li>     </ul> </div>           

/* CSS Document */ *{     margin:0;     padding:0; } #menuaa{     width:90%;     margin:25px auto; } #menuaa ul{     list-style:none; } #menuaa li{     display:block;     float:left; } #menua li a{     background:#e4e8eb url(../img/menua_bg.gif) repeat-x;     border:2px solid #bdc5cd;     margin:0 1px;     padding:15px 15px 15px 15px;     display:block;     float:left;     color:#2b61a1;     text-transform:uppercase;     text-decoration:none;     font-family:Geneva, Arial, Helvetica, sans-serif;     font-size:13px;     font-weight:bold;     height: 50px; } #menua li a span{     color:#636363;     font-size:10px;     text-transform:lowercase;     font-family:Geneva, Arial, Helvetica, sans-serif;     font-weight:normal; } #menua li a:hover{     background:#e46825 url(../img/menua_hover.gif) repeat-x;     border:2px solid #4a88ce;     text-decoration:none; } #menua li a:hover span{     color:#636363; } .current{     background:#74befd url(../img/menua_hover.gif) repeat-x;     border:2px solid #4a88ce;     margin:0 1px;     padding:15px 15px 15px 15px;     display:block;     float:left;     color:#2b61a1;     text-transform:uppercase;     text-decoration:none;     font-family:Geneva, Arial, Helvetica, sans-serif;     font-size:13px;     cursor:pointer;     font-weight:bold;     height: 50px; } .current span{     color:#636363;     font-size:10px;     text-transform:lowercase;     font-family:Geneva, Arial, Helvetica, sans-serif;     font-weight:normal; }

<div id="stylefive">     <ul>         <li><a href="http://css.kobifis.com/menu/detay/1" title="aciklama">Ana Sayfa</a></li>         <li><a href="http://css.kobifis.com/menu/detay/1" title="aciklama">Hakkımızda</a></li>         <li><a href="http://css.kobifis.com/menu/detay/1" title="aciklama" class="current">Hizmetler</a></li>         <li><a href="http://css.kobifis.com/menu/detay/1" title="aciklama">Servisler</a></li>         <li><a href="http://css.kobifis.com/menu/detay/1" title="aciklama">İletişim</a></li>     </ul> </div>

                 <style type="text/css"> <!– #stylefive{position:relative;display:block;height:26px;font-size:11px;font-weight:bold;background:transparent url(/code/style5/images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-bottom:3px solid #FF0066;} #stylefive ul{margin:0px;padding:0;list-style-type:none;width:auto;} #stylefive ul li{display:block;float:left;margin:0;} #stylefive ul li a{display:block;float:left;color:#fff;text-decoration:none;padding:7px 20px 0 20px;height:19px;background:transparent url(/code/style5/images/bgDIVIDER.gif) no-repeat top right;} #stylefive ul li a:hover,#stylefive ul li a.current{color:#fff;background:#131546 url(/code/style5/images/bgDIVIDER.gif) no-repeat top right;} –> </style>