MyBB Depo Forum

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

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.

(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.

Manager

eatik

Manager