CSS Element Gizleme

[Silverday]

merhaba arkadaşlar, CSS'te element gizleme özelliği

display: none;

parametresiyle sağlanır.
burada amacımız, class veya id'si verilen bir elementi gizleyebilmek.

aşağıdaki kod gizli bir form (sayfada gösterilmeyen fakat formda bulunan) bileşenidir

<input type="hidden" name="örnek" value="örnek">

aşağıdaki ise css ile gizlenmiş bir bileşendir (type parametresnin ne olduğu önemli değil)

<style type="text/css">
// gizli class'iyla
.gizli {
display: none;
}
</style>

<input type="textbox" name="örnek" value="örnek" class="gizli">

veya başka bir örnek:

<style type="text/css">
.gizli {
display: none;
}
</style>

<div class="gizli">Bu Tarayıcıda Gösterilmeyen Bir Yazıdır</div>

NOT: kodlar kaynakta gözükür fakat ekranda gösterilmez..


bu mantıktan yola çıkarak kendimize özel bir tag oluşturabiliriz..

<style type="text/css">
// artık nokta koymadın dikkat (:

gizli {
display: none;
}
</style>

<p>Gösterilen Yazı</p>
<gizli>Gizli Yazı</gizli>

 

[zeki666]

Sağol tr.gg uzantılı sitem var gerçekten işe yarıyacak.......