Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Yatay Menü Kodu
#1
Direk İndirmek için Tıkla

VirusTotal için Tıkla

Ekran Görüntüsü :

www.deccal.org

HTML Kodu:

Kod:
<div id="topmenu_set">
    <ul id="ul_topmenu">

        <li><a href="index.php">ANA SAYFA</a></li>
        <li><a href="prices.php">HAKKIMIZDA</a></li>
        <li><a href="portfolio.php">HİZMETLER</a></li>
        <li><a href="about.php">İLETİŞİM</a></li>
        <li><a href="order.php" class="replace" id="btn_order"><span></span>order</a></li>
    </ul>
</div>

CSS Kodu:

Kod:
<style>
#topmenu_set{
    width:540px;
    height:55px;
    background: url(http://www.design2slice.co.uk/images/back_topmenu.jpg) no-repeat;
}
#ul_topmenu{
    float:right;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-family: Tahoma;
}
#ul_topmenu li{
    float:left;
    list-style:none;
    text-transform:uppercase;
}
#ul_topmenu li a{

    font-size:1.2em;
    color:#f3f5f2;
    text-decoration:none;
    text-align:center;
    width:100px;
    height:30px;
    display:block;
    padding-top:20px;
    font-weight:bolder;
}
#ul_topmenu li a:hover{
    color:#b1ceff;
    text-decoration:none;
}
#ul_topmenu li #btn_order{
    width:121px;
    height:55px;
    text-align:left;
    float:left;
    font-size:1.2em;
    position:relative;
    overflow:hidden;
    margin:0;
    padding:0;
    display:block;
}
#ul_topmenu li #btn_order span{
    background:url(http://www.design2slice.co.uk/images/btn_order.jpg) no-repeat;
    position:absolute;
    width:100%;
    height:100%;
    cursor:pointer;
}
#ul_topmenu li #btn_order:hover span{
    background:url(http://www.design2slice.co.uk/images/btn_order.jpg) no-repeat 0 100%;
}
</style>
Beğenenler:
#2
Tam bakmadım ama eğer yatay açılır menü ise listeleme ile yapamk doğru ancak bana göre normal navigation bar için bir tane class seçiici ile bir buton oluşturup float left ekleyip html de hep aynı isimle çağırmak daha mantıklı ancak bu da güzel:
Beğenenler:

Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Spastik Menü (css,html) HackLock 26 1,913 04-11-2016, Saat: 12:12
Son Yorum: Cesm-i Dil
  Html Arkadaş Ekleme Kodu ByMuh4mm3d 1 293 06-11-2015, Saat: 18:07
Son Yorum: Moreİnfo
  Html Site Yönlendirme Kodu Stallk3r 1 330 16-07-2015, Saat: 03:31
Son Yorum: ATASOYaccount
  Indexe Resim Ekleme Kodu KingSkrupellos 0 508 26-09-2014, Saat: 11:39
Son Yorum: KingSkrupellos
  Indexe Müzik Ekleme Kodu ( Testere Filmi Müziği ) KingSkrupellos 0 2,477 26-09-2014, Saat: 11:27
Son Yorum: KingSkrupellos
Anahtar Kelimeler

Yatay Menü Kodu indir, Yatay Menü Kodu Videosu, Yatay Menü Kodu Online izle, Yatay Menü Kodu Bedava indir, Yatay Menü Kodu Yükle, Yatay Menü Kodu Hakkında, Yatay Menü Kodu Nedir, Yatay Menü Kodu Free indir, Yatay Menü Kodu Oyunu, Yatay Menü Kodu Download


1 Ziyaretçi