Hoşgeldin, Ziyaretçi:

Üye Ol
Yeni Tema ! Yeni temamız forumumuza hayırlı olsun.Bu konuda fikirlerinizi beyan edebilirsiniz.
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
MyBB Menü Yapımı Dersi
#1
Merhaba arkadaşlar bu aralar herkes menü yapma peşinde koşuyor bende daha kolay bir şekilde yapabileceğiniz bir menü yapma dersi hazırladım.

Gerekli malzemeler: 2 adet menü resmi boyutları size kalmış kod içerisinde ayarlayabilirsiniz.Şu boyutta da resimler olabilir.
l3wum.png

Öncelikle Admin kp >> Şablonlar >> Header >> Headere girererek oradaki menü kodunu siliyoruz ve şu kodu ekliyoruz.
Kod:
<div id="cssmenu">
    <div id="menulink">
                  <li><a href="{$mybb->settings['bburl']}" title="Anasayfa">ANASAYFA</a></li>
                  <li><a href="portal.php" rel="nofollow" title="Portal">PORTAL</a></li>
                  <li><a href="memberlist.php" rel="nofollow" title="Üyeler">ÜYE LİSTESİ</a></li>
                  <li><a href="misc.php?action=help" rel="nofollow" title="Yardım ?">YARDIM</a></li>
                  <li><a href="calendar.php" rel="nofollow" title="Takvim">TAKVİM</a></li>
                  <li><a href="#" rel="nofollow" title="Reklam">REKLAM</a></li></div>

Daha sonra Admin kp >> Temalar >> Kullanılan Tema >> Css Oluştur >>

Css başlığına şunu yazıyoruz.
Kod:
cssmenu.css

Geneli işaretliyoruz >> Kendi İçeriğimi Yaz ve şu kodu ekliyoruz.

Kod:
#cssmenu {
    height:35px;
        width: 592px;
    margin: auto auto;
    overflow:hidden;
        background: url(http://c1303.hizliresim.com/17/j/l3wu3.png);
    text-transform:uppercase;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
    
#menulink {
    margin: 0px auto;
        width: 100%;
    padding:0px 0px;
    }
    
#menulink li {
    float: left;
    list-style: none;
    margin: 0;
    margin-top: -5px;
    padding: 0;
    }
    
#menulink li a {
    color: lightblue;
    display: block;
        margin: 0;
    padding: 15px 15px 18px 15px;
    position: relative;
        border-right: 1px solid rgba(255, 255, 255, 0.22);
    font-size: 15px;
        font-weight: bold;
        font-family: "Arial";
    }

#menulink li a:hover, #menulink li a:active {
    color: white;
    background: url(http://c1303.hizliresim.com/17/j/l3wum.png);
}

Not ALıntıdır..


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  Forumlar için menü kodlama v1 ertank 0 171 08-07-2015, Saat: 09:00
Son Yorum: ertank
  MyBB Site hızlandırma kodu ertank 0 190 08-07-2015, Saat: 08:56
Son Yorum: ertank
  MyBB Postbit'e kullanıcı baslıgı ekleme ertank 0 216 08-07-2015, Saat: 08:54
Son Yorum: ertank

Hızlı Menü:


Konuyu Okuyanlar: 1 Ziyaretçi

Türkçe Çeviri:MCTR MyBB, © 2002-2016 MyBB Group.
Desing and Coding By Mustafa SEVİM