Menü gizleme olmadan CSS
Soru:
TR.GG'de bir sitem var ve CSS tasarıma geçerek kendime özgü bir site oluşturmak istiyorum. Ancak menü gizleme kodu kullanmam gerekiyor ve 100'ün üzerinde sayfam olduğu için bu kodu her sayfaya yapıştırmak gerekiyormuş. Bu da gerçekten çok zor bir durum. Ne yapmalıyım?
Cevap:
TR.GG sitelerinde böyle bir uygulama yok. Nasıl çıkmış, nerden çıkmış bilmiyorum ancak bunun çok basit bir yöntemi var.Aşağıdaki kodu hem tasarım ayarlarına, hem de her sayfaya (ayrıca bütün ekstralara) yapıştırmanız gerekmiyor:
<style type="text/css">
<!--
td.nav {visibility:hidden;}
-->
</style>
Bu kod yerine aşağıdaki kodu Tasarım Ayarlarında > CSS Kodu kısmına yapıştırdığınızda işlem tamam.
li.nav_element{display: none;}
Artık CSS tasarımına geçebilirsiniz. Copy/Paste işgencesinden kurtuldunuz...
Bu kodu kullanınca sitenizdeki diğer menü gizleme kodunu kaldırmayı unutmanıyız. Peki vermiş olduğum bu kod size ne gibi avantajlar sağladı:
- Her sayfaya menü gizleme kodu yapıştırmanıza gerek kalmadı
- Ayrıca her esktraya da menü gizleme kodu yapıştırmanıza gerek kalmadı,
- Saklı sayfalar, Top List , Forum, 404-eror gibi ekstralarda yaşadığınız sorunlar ortadan kalktı. Neydi bu sorunlar? Örneğin saklı sayfalara giriş yapıldığında, Tebrkiler, artık bu sayfaları görebilirsiniz uyarısı gelmiyordu. Artık gelecek. Top List'te sitesini ekleyenlere kod'u göstermiyordu. Artık gösterecek. Ve daha niceleri. Sitenizi gezdikçe artık hata almadığınızı göreceksiniz. Çünkü artık CSS'yi doğru kullanıyorsunuz.
Eğer site ve başlık sayfalarının isimlerinin de gözükmesini istemiyorsanız aşağıdaki kodu kullanınız:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
Çok önemli not: Eğer TR.GG sitesinin menüsü yerine kendi menüzü kullanacaksanız bu vermiş olduğum kodu kullanabilirsiniz.
"CSS'de TR.GG sitesinin menünüsü kullanabiliyor muyuz?" diye bir soru gelebilir aklınıza. Cevap: EVET
Bunun için bu dersimizi okumanızı tavsiye ederim.