KingThemes.Tr.GG | WEBMASTER-TEMALAR-WORDPRESS-JOOMLA-OYUNLAR

<div class="arrowgreen"> <ul> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="MENÜ1" title="Home">ADRES</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="MENÜ1" title="Home">ADRES</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="MENÜ1" title="Home">ADRES</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="MENÜ1" title="Home">ADRES</a></li> </ul> </div></body></html>

Bu kodu ardarda ekleyerek diğer menüleride eklemiş olursunuz.
Şimdide menümüzün resimlerinin ve sub kısmını görmek için bu kodu ekleyeceğiz..
Bu kodu menünün üstündede kullanabilirsiniz ama dreamweaver'da biraz boşluklu gözükebiliyor css bölümünüde ekleyebilirsiniz güle güle kullanın /*Designed KingThemes.Tr.GG */ Kısmını lütfen silmeyin (:
 

<style type="text/css"> /*Designed KingThemes.Tr.GG */ .arrowgreen{ width: 165px; /*width of menu*/ border-style: solid solid none solid; border-color: #94AA74; border-size: 0px; border-width: 0px; } .arrowgreen ul{ list-style-type: none; margin: 0; padding: 0; } .arrowgreen li a{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; display: block; background: transparent url(https://img.webme.com/pic/k/kingthemes/menumm.png) 100% 0; height: 23px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/ padding: 4px 0 4px 55px; line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/ text-decoration: none; } .arrowgreen li a:link, .arrowgreen li a:visited { color: #5E7830; } .arrowgreen li a:hover{ color: #26370A; background-position: 100% -32px; } .arrowgreen li a.selected{ color: #26370A; background-position: 100% -63px; } </style></body></html>

Menümüzün bitmiş hali böyledir kod ;
 

 

<style type="text/css"> /*Designed KingThemes.Tr.GG */ .arrowgreen{ width: 165px; /*width of menu*/ border-style: solid solid none solid; border-color: #94AA74; border-size: 0px; border-width: 0px; } .arrowgreen ul{ list-style-type: none; margin: 0; padding: 0; } .arrowgreen li a{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; display: block; background: transparent url(https://img.webme.com/pic/k/kingthemes/menumm.png) 100% 0; height: 23px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/ padding: 4px 0 4px 55px; line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/ text-decoration: none; } .arrowgreen li a:link, .arrowgreen li a:visited { color: #5E7830; } .arrowgreen li a:hover{ color: #26370A; background-position: 100% -32px; } .arrowgreen li a.selected{ color: #26370A; background-position: 100% -63px; } </style> <div class="arrowgreen"> <ul> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="MENÜ1" title="Home">ADRES</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="MENÜ1" title="Home">ADRES</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="MENÜ1" title="Home">ADRES</a></li> <li><a href="ADRES" _fcksavedurl="ADRES" _fcksavedurl="MENÜ1" title="Home">ADRES</a></li> </ul> </div></body></html>

Örnek Görünümü ;

Linkleri kırık olan tasarımları indiremiyorsanız tüm arşivi tümüyle indirebilirsiniz...
İndirmek için TIKLAYIN