1. Bu site çerez kullanmaktadır. Siteyi kullanmaya devam etmeniz halinde çerez kullanımı ile ilgili site koşullarını kabul etmiş sayılırsınız. Daha Fazlasını Öğren.

Xen-TR Üst menü

Konusu 'XenForo' forumundadır ve guclusat tarafından 7 Şubat 2012 başlatılmıştır.

  1. guclusat
    Offline

    guclusat Tanınmış Üye Süper Moderatör

    Katılım:
    14 Haziran 2009
    Mesajlar:
    9.931
    Ödül Puanları:
    48
    Ekteki Klasörü styles içine atın.

    logo_block Şablonunu açın arayın


    Kod:
    <div class="pageContent">
    Kod:
    <div id="navi">
    <ul>
    <li>
    <a href="">
    <strong>
    <img alt="" src="/styles/ustmenu/Anasayfa.png">
    Anasayfa
    </strong>
    <span>Forumlar Anasayfa</span>
    </a>
    </li>
    <li>
    <a href="">
    <strong>
    <img alt="" src="/styles/ustmenu/Film.png">
    Eklentiler
    </strong>
    <span>Eklentiler ve Anlatımlar</span>
    </a>
    </li>
    <li>
    <a href="">
    <strong>
    <img alt="" src="/styles/ustmenu/Oyun.png">
    Modifikasyonlar
    </strong>
    <span>Şablon Editlemeleri</span>
    </a>
    </li>
    <li>
    <a href="">
    <strong>
    <img alt="" src="/styles/ustmenu/Program.png">
    Makaleler
    </strong>
    <span>Xenforo İpuçları</span>
    </a>
    </li>
    <li>
    <a href="">
    <strong>
    <img alt="" src="/styles/ustmenu/Sohbet.png">
    Yeni Haberler
    </strong>
    <span>Xenforo Gelişmeleri</span>
    </a>
    </li>
    </ul>
    </div>
    Extra.css açın en sonuna ekleyin

    Kod:
    #navi {
        background: url("/styles/ustmenu/navigation_bg.png") no-repeat scroll 0 0 transparent;
        float: right;
        font-family: "Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,sans-serif;
        font-weight: bold;
        height: 60px;
        margin: 12px 0 0;
        overflow: hidden;
        width: 758px;
    }
    #navi ul {
        margin: 0;
        padding: 0;
        width: 780px;
    }
    #navi li {
        display: inline;
        margin: 0;
        padding: 0;
    }
    #navi li a {
        -moz-transition: all 0.5s ease 0s;
        color: #D5EAF8;
        float: left;
        outline: medium none;
        padding: 12px 14px;
        text-decoration: none;
    }
    #navi a strong {
        -moz-transition: all 0.5s ease 0s;
        display: block;
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
    }
    #navi a span {
        -moz-transition: all 0.5s ease 0s;
        color: #637D8F;
        display: block;
        font-size: 11px;
        font-weight: normal;
        padding-left: 21px;
    }
    #navi li a:hover, #navi li a.current {
        color: #FFFFFF;
    }
    #navi li a.current strong, #navi li a:hover strong {
        text-shadow: 0 0 3px #FFFFFF;
    }
    #navi li a.current span, #navi li a:hover span {
        color: #D5EAF8;
    }
    #navi img {
        vertical-align: middle;
    }
    #header {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: #176093;
        background-image: url("/styles/ustmenu/ust_arkaplan.jpg");
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat-x;
        background-size: auto auto;
    }
    Link vermek için <a href=""> Düzenleyin.
    Örnek:<a href="www.xen-tr.com">

    Arka planı istemeyen olursa extra.css ye alttaki kodu eklemeyın yada çıkartın.

    Kod:
    #header {
        background-attachment: scroll;
        background-clip: border-box;
        background-color: #176093;
        background-image: url("/styles/ustmenu/ust_arkaplan.jpg");
        background-origin: padding-box;
        background-position: 0 0;
        background-repeat: repeat-x;
        background-size: auto auto;
    İconlarda değişiklik yapmak isteyenler
    http://p.yusukekamiyamane.com/
    http://famfamfam.com/lab/icons/silk/
     

    Ekli Dosyalar:

    • sLBzx.jpg
      sLBzx.jpg
      Dosya Boyutu:
      5,7 KB
      Görüntüleme:
      14
    • ustmenu.rar
      ustmenu.rar
      Dosya Boyutu:
      12 KB
      Görüntüleme:
      4
Yüklüyor...
Benzer Konular - Xen Üst menü
  1. uydudoktoru
    Mesaj:
    0
    Görüntüleme:
    157
  2. guclusat
    Mesaj:
    0
    Görüntüleme:
    619
  3. guclusat
    Mesaj:
    0
    Görüntüleme:
    508
  4. guclusat
    Mesaj:
    0
    Görüntüleme:
    418
  5. guclusat
    Mesaj:
    2
    Görüntüleme:
    1.157

Sayfayı Paylaş