21-11-2012, Saat:14:26
21-11-2012, Saat:15:01
Bunu header şablonuna yerleştirin.
Bunu global.css ye ekleyin.
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>21-11-2012, Saat:16:16
@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;
Bu şekilde yaparsanız olucaktır. Sorununuz çözüldüyse cevap yazarsınız sevinirim.
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.
21-11-2012, Saat:17:32
(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.
21-11-2012, Saat:17:50
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.
21-11-2012, Saat:18:19
Çünkü headere ekledin. Sadece anasayfada görünmesi istiyorsan index şablonlara ekle.
21-11-2012, Saat:18:27
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.
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.
21-11-2012, Saat:19:09
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
