Css'de Bilmeniz Gereken Kodlar

Menü Gizleme Kodu

Kod:

<style type="text/css">
<!--
td.nav {visibility:hidden;}
--> </style>

Siteyi Ortalama Kodu

Kod:

<style type="text/css">
<!--
html, body {
text-align: center;
}
-->
</style>

Arka Plan Yapma Kodu

Kod:

<style type="text/css">
<!--
body{background-image:url(RESMİN URL'Sİ BURAYA YAZILACAK);background-attachment: fixed}
-->
</style>

kaydırma çubuğu ( sayfa içeriğinin tabloyu bozmasını istemiyorsanız kullanın)

Kod:

<div style="overflow: auto; width: 300px; height: 200px">yazı buraya</div>

sayaç vs. gibi ekstraların yazı boyutunu küçültme kodu

Kod:

<font color="#ffffff"><font face="Comic Sans MS" size=2>

gerekli yerleri kendinize göre değiştiriniz...

text menü kodu

Kod:

<!-- begin class menu -->
<div class="menu">
<ul>
    <li><a href="siteadı.tr.gg">sayfanızın adı</a></li>
</ul>
</div>
<!-- end class menu -->

arkadaşlar köprü eklediğiniz yazıların altının çizilmemesi için

Kod:

<style>
<!--
A{text-decoration:none}
-->
</style> 

not : menü butonlarını resimlede yapabilirsiniz

FİREFOX ve İE vs. site ortalamak için

tasarımın üzerine

Kod:

<div align="center"><table border="0" width="70%"><tr><td>

tasarımın altına

Kod:

</td></tr></table></div>

Kaynak==>B-S Forum...

Ziyaretçi defteri vs. EKSTRALARI TABLO İÇİNE ALMA


Arkadaşlar bunu yapmak için basit bir kodumuz var ancak bu koddaki tasarımıda farklı dizayn etmeliyiz

Kod:

<table style="width: 800px; height: 600px" cellspacing="1" cellpadding="1" width="493" border="1">
    <tbody>
            <td bordercolor="#FFFFFF" bgcolor="#FFFFFF"></p>

kodumuzun içeriğini şöyle aktarayım :

withd ve height değerleri tablo büyüklüğüdür Wink

border,cellspacing , cellpadding tablo kenar kalıklıklarıdır Wink

bordercolor tablo kenar rengidir (border ayarını ''0'' yaparsanız renk gözükmez)

bgcolor ise tablo arkaplan rengidir Wink


---------------------------

kodumuzda resim vs. eklemk için kodda bulunan şu bölümlerin arasına resim,menü vs. kodunu koyuyoruz :Wink:


<td bordercolor="#FFFFFF" bgcolor="#FFFFFF">kod buraya</p>


kod buraya

----------------------------

tasarımınızı nasıl yapıyorsanız bunuda aynı şekilde yapacaksınız ama tablonun üstüne koyabiliriz sadece Wink

-------------------------

şimdi kodu ekleme basamağı :

örnek resim:



Kaynak==>B-S Forum...