MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
Manager avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

Nesil Teması Menü Yapımı


Sponsor Reklam
media venus

Çevrimdışı Manager
 Tarih: 15-08-2014, Saat:18:44
(Son Düzenleme: 15-08-2014, Saat:18:50, Düzenleyen: Manager.)
#1
Ekran Görüntüsü:
resim

Admin KP -> Temalar & Şablonlar -> Temalar -> Temanız -> Global.CSS Aç ve Sonuna Ekle:

Kod:
#menu {
    background: url(http://st.10tl.net/tema/karanlik/images/nesil/menu_bg_baslar.png) no-repeat;
    position: absolute;
    top: 153px;
    right: 0px;
    padding-left: 41px;
    font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif;
}

#menu ul {
    background: #016db0 url(http://st.10tl.net/tema/karanlik/images/nesil/menu_bg.png) repeat-x;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 34px;
}

#menu li {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}

#menu li a {
    color: #fff;
    padding: 4px 10px 1px;
    text-decoration: none;
    display: block;
    border-bottom: 0;
}

#menu li a:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
    text-decoration: none;
}

#menu li.active a, #menu li.active a:hover {
    background: url(http://st.10tl.net/tema/karanlik/images/nesil/menu_bg_aktif.png) no-repeat top left;
    color: #333;
    padding: 4px 10px 4px 13px;
    border-bottom: 2px solid #fff;
}

#menu li.active {
    background: url(http://st.10tl.net/tema/karanlik/images/nesil/menu_bg_aktif2.png) no-repeat top right;
    padding-right: 4px;
    position: relative;
    bottom: -2px;
}

NOT: Arkadaşlar buradaki en önemli şey koddaki
Kod:
top: 153px;
right: 0px;

parçacıklarıdır. TOP kısmı yazan yükseklik, right kısmı da sağa sola kaydırmadır. Yani Pozisyonunu Kendiniz Ayarlayacaksınız.[/B]

Header Şablonlar -> Header Aç Şu Kodu Bul:

Kod:
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>

Altına şu kodu ekle:

Kod:
            <div id="menu">
                <ul>
                    <li><a href="#">İndir</a></li>
                    <li class="active"><a href="#">Forum</a></li>
                    <li><a href="/search.php">Arama</a></li>
                    <li><a href="#">Paketler</a></li>
                    <li><a href="#">Yardım</a></li>
                    <li><a href="#">Güvenlik</a></li>
                    <li><a href="#">Eklentiler</a></li>
                </ul>
            </div>

Ve kendinize göre de düzenleyin işte. Üstelik FTP Gerektirmez.

İyi günler...
Orijinal Konu:
Kod:
http://mybbhosting.10tr.net/showthread.php?tid=86

Canlı Demo:
Kod:
http://mybbhosting.10tr.net
Cevapla
Bunu Beğenenler:
Sponsor Reklam
sponsor reklam sponsor reklam

Çevrimdışı eatik
 Tarih: 15-08-2014, Saat:18:59
(Son Düzenleme: 15-08-2014, Saat:18:59, Düzenleyen: eatik.)
#2
Eline sağlık bilmeyenler için güzel konu fakat şu css ile yapılabilecek gradient özelliği için neden ekstra resim çağırıyorsunuz anlamıyorum. Boş yere sunucuyu yoruyor. Bunun (st.10tl.net/tema/karanlik/images/nesil/menu_bg.png) yerine CSS kullanırsak daha iyi olur bana göre. Bunu da en basitinden
Kod:
http://www.css3factory.com/linear-gradients/
sitesinde 1 dakikada hazırlayabiliriz.
Cevapla
Bunu Beğenenler:

Çevrimdışı Manager
 Tarih: 15-08-2014, Saat:19:00
#3
(15-08-2014, Saat:18:59)QwerT_ Adlı Kullanıcıdan Alıntı: Eline sağlık bilmeyenler için güzel konu fakat şu css ile yapılabilecek gradient özelliği için neden ekstra resim çağırıyorsunuz anlamıyorum. Boş yere sunucuyu yoruyor. Bunun (st.10tl.net/tema/karanlik/images/nesil/menu_bg.png) yerine CSS kullanırsak daha iyi olur bana göre. Bunu da en basitinden
Kod:
http://www.css3factory.com/linear-gradients/
sitesinde 1 dakikada hazırlayabiliriz.

Evet hocam sizi anlıyorum Uyku da ben koda bile bakmadan kopyala-yapıştır yaptım Açık Ağızlı Gülümseme Saolun bilgilendirmeniz için.
Cevapla
Bunu Beğenenler: eatik

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [1.8] MyBB (1.8) Temanıza Tooltip Yapımı BlackCat 11 2,388 13-09-2014, Saat:13:43
Son Yorum: journey
  MyBB Plugin (eklenti) Yapımı [Detaylı Anatım] 007combatant 11 3,398 20-05-2014, Saat:17:45
Son Yorum: EmreKarakaya
  Screwy Basit Css Menü Screwy 4 1,249 21-12-2013, Saat:15:11
Son Yorum: korkusuz212
  [1.6] Terfi Sistemi Yapımı ParpaLess 9 1,636 03-12-2013, Saat:21:53
Son Yorum: bylejyoner
  MyBB Temanıza Login Box Yapımı - Detaylı Anlatım BlackCat 17 5,468 21-09-2013, Saat:00:57
Son Yorum: alicome7



Konuyu Okuyanlar: 1 Ziyaretçi