Konuyu Oyla:
  • Toplam: 1 Oy - Ortalama: 4
  • 1
  • 2
  • 3
  • 4
  • 5
Basit CSS Menü
#1
Merhaba Arkadaşlar;

Aşağıdaki kodu kullandığınız sistemin yada scriptin CSS eklediğiniz kısmına ekleyin. MyBB kullananlar global.css 'in en altına eklesin...

Kod:
#destekmenu {
list-style-type: none;
background-color: #424242;
font: 13px tahoma;
height: 35px;
border-bottom:5px solid #005fbf;
}

#destekmenu li {
float: left;
}

#destekmenu li a {
color: #fff;
text-decoration:none;
line-height:15px;
padding: 10px;
display:block;
transition:background-color 1s;
}

#destekmenu li a:hover{
background: #005fbf;
height:15px;
}

Daha sonra aşağıdaki html kodunu menünün gözükmesini istediğiniz alana ekleyin...(Tavsiyem Header'ın en üstünedir)
Kod:
<div id="destekmenu">
<li><a href="#">Ana Sayfa</a></li>
<li><a href="#">Ücretsiz Forum Aç</a></li>
<li><a href="#">Ücretsiz Destek</a></li>
<li><a href="#">Temalar</a></li>
<li><a href="#">Soru ve Sorunlar</a></li>
<li><a href="#">Yönetim Ekibi</a></li>
<li><a href="#">Duyurular</a></li>
</div>

Kendiniz Eklemek İstersiniz;
Kod:
</div>
kodunun üstüne diğerleri ekleyin.
Demo; http://wtsupport.10tl.net

Anlatım-Yapım: Screwy
Kaynak: MYBBDEPO.COM
Ara
Cevapla PGM
Teşekkür verenler:
#2
Teşekkürler güzel bir kod
Ara
Cevapla PGM
Teşekkür verenler:
#3
Beni kırmayıp paylaştığınız için çok teşekkür ederim :)
Güzel üslupla söz söyleyenleriz;
Mesih’in talebesiyiz; nice ölülere tuttuk da can üfürdük biz.

Hz.Mevlana


 Türk çocuğu ecdadını tanıdıkça daha büyük işler yapmak için kendinde kuvvet bulacaktır.
Mustafa Kemal Atatürk


Saint


Ara
Cevapla PGM
Teşekkür verenler:
#4
Etyw Saol
Ara
Cevapla PGM
Teşekkür verenler:
#5
Rica Ederim. Artık Sitemdeki Bazı Kodları Vereceğim.
@Furikan4554: Önemli Değil :) Paylaşmak Güzeldir
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi


Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping