+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: MyBB 1.6 Depo (https://mybbdepo.com/mybb-1-6-depo-forumu)
+--- Forum: MyBB 1.6 Çözülmüş Soru ve Sorunlar (https://mybbdepo.com/mybb-1-6-cozulmus-soru-ve-sorunlar-forumu)
+--- Konu Başlığı: CSS menüsü buldum ama nasıl ekleyecem (/css-menusu-buldum-ama-nasil-ekleyecem-konusu.html)
CSS menüsü buldum ama nasıl ekleyecem - HiddeNKinG - 21-11-2012
Sitem : http://www.androidsitem.com
Arkadaşlara siteme http://www.cssornekleri.com/menu/detay/21 buradaki css mensünü nasıl ekleyebilirim.
CSS menüsü buldum ama nasıl ekleyecem - Paylas - 21-11-2012
Bunu header şablonuna yerleştirin.
Kod:
<ul id="navigation">
<li class="b active"><a style="" href="#" class=""><strong>Ana Sayfa</strong></a></li>
<li class="b"><a style="" href="#" class=""><strong>Hakkımızda</strong></a></li>
<li class="b"><a style="" href="#" class=""><strong>Hizmetlerimiz</strong></a></li>
<li class="b"><a style="" href="#" class=""><strong>Referanslar</strong></a></li>
<li class="b"><a style="" href="#" class=""><strong>İletişim Bilgisi</strong></a></li>
</ul>Bunu global.css ye ekleyin.
Kod:
<style>
ol,ul {
list-style: none;
}
#navigation {
background: #000 url('/img/menu/genel/01/navigation.gif') no-repeat;
width: 816px; height: 69px;
padding: 0 10px;
}
#navigation li {
float: left;
height: 61px;
}
/* Used this because I couldn't remove one...ugh. */
.b {
background: url('/img/menu/genel/01/nav_border.gif') no-repeat right 29px;
}
#navigation a {
text-decoration: none;
float: left;
color: #868686;
}
#navigation a strong {
text-decoration: none;
float: left;
color: #868686;
height: 37px;
padding: 24px 35px 0;
}
#navigation a:hover, #navigation .active {
background: url('/img/menu/genel/01/nav_left.gif') no-repeat top left;
float: left;
color: #fff;
}
#navigation a:hover strong, #navigation .active strong {
text-decoration: underline;
background: url('/img/menu/genel/01/nav_right.gif') no-repeat top right;
float: left;
color: #fff;
height: 37px;
padding: 24px 35px 0;
}
</style>Cvp: CSS menüsü buldum ama nasıl ekleyecem - TheLegend - 21-11-2012
@Paylas Yanlış şekilde anlatmışsınız. Farkettiyseniz kodlarda <style> kodu var bu gloval.cssde çalışmaz. Doğrusunu anlatıyım sadece tek bir yere kod eklenecek şöyle olucak;
Header şablonunda uygun yere ekleyin;
Kod:
<style>
ol,ul {
list-style: none;
}
#navigation {
background: #000 url('/img/menu/genel/01/navigation.gif') no-repeat;
width: 816px; height: 69px;
padding: 0 10px;
}
#navigation li {
float: left;
height: 61px;
}
/* Used this because I couldn't remove one...ugh. */
.b {
background: url('/img/menu/genel/01/nav_border.gif') no-repeat right 29px;
}
#navigation a {
text-decoration: none;
float: left;
color: #868686;
}
#navigation a strong {
text-decoration: none;
float: left;
color: #868686;
height: 37px;
padding: 24px 35px 0;
}
#navigation a:hover, #navigation .active {
background: url('/img/menu/genel/01/nav_left.gif') no-repeat top left;
float: left;
color: #fff;
}
#navigation a:hover strong, #navigation .active strong {
text-decoration: underline;
background: url('/img/menu/genel/01/nav_right.gif') no-repeat top right;
float: left;
color: #fff;
height: 37px;
padding: 24px 35px 0;
}
</style><ul id="navigation">
<li class="b active"><a style="" href="#" class=""><strong>Ana Sayfa</strong></a></li>
<li class="b"><a style="" href="#" class=""><strong>Hakkımızda</strong></a></li>
<li class="b"><a style="" href="#" class=""><strong>Hizmetlerimiz</strong></a></li>
<li class="b"><a style="" href="#" class=""><strong>Referanslar</strong></a></li>
<li class="b"><a style="" href="#" class=""><strong>İletişim Bilgisi</strong></a></li>
</ul>Bu şekilde yaparsanız olucaktır. Sorununuz çözüldüyse cevap yazarsınız sevinirim.
Cvp: CSS menüsü buldum ama nasıl ekleyecem - SvMedeT - 21-11-2012
(21-11-2012, Saat:14:26)HiddeNKinG Adlı Kullanıcıdan Alıntı: Sitem : http://www.androidsitem.com
Arkadaşlara siteme http://www.cssornekleri.com/menu/detay/21 buradaki css mensünü nasıl ekleyebilirim.
Siteden indir. ( normalde gerek yok ama resimleri alabilmen için)
Sonra ;
sitedeki css kodları, işter kendi stil sayfanı olustur, iştersende mevcut stil sayfalarını birine koy. Örnek: Global.css
Sonra HTML kodlarnı işe Header şablonlarında görünmesini iştediğin yere koy. Yardıma ihtiyacın olursada belirt.
CSS menüsü buldum ama nasıl ekleyecem - HiddeNKinG - 21-11-2012
TheLegenD dediğin gibi direk ekledim oluyor ama sayfa değiştirdiğim de siyah bölüm hep ana sayfada kalıyor çözüm varmıdır.
CSS menüsü buldum ama nasıl ekleyecem - TheLegend - 21-11-2012
Çünkü headere ekledin. Sadece anasayfada görünmesi istiyorsan index şablonlara ekle.
CSS menüsü buldum ama nasıl ekleyecem - HiddeNKinG - 21-11-2012
Yok Hocam sorun o değil her yerde görünecek bir örnek ile açıklıyım ne demek istediğimi.
Anasayfa kategorisi dikkat ettiyseniz siyah yani şeçilmiş konumda ve diğer kategorilerinin üstüne gelince onlarda siyah oluyor fakat o kategoriye tıklayıp girdiğimde hala ana sayfa kategorisi siyah olarak görünüyor.
CSS menüsü buldum ama nasıl ekleyecem - The PunisheR - 21-11-2012
Kod:
<li class="b active"><a style="" href="#" class=""><strong>Ana Sayfa</strong></a></li>active yazıyo hocam onu silerseniz hiç birinde siyah kalmaz yani :
Kod:
<li class="b"><a style="" href="#" class=""><strong>Ana Sayfa</strong></a></li>diğer dediğiniz gibi girdiğim bölüde kalmasını istiyorum için yeni css kodları lazım yanılmıyorsam o kadarınıda yapmayı bilmiyorum
