Css öğrenme
 
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>


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:




arkadaşlar burda eksik bilgilendirme mevcuttur css kadar kolay bir tasarım yapma seçeneği ancak bu kadar zor anlatılabilirdi... css menü gizleme kodu
Kod:
<style type="text/css">
<!--
td.nav {visibility:hidden;}
--> </style>
olan bu koda hiç gerek kalmadan css tasarım yapmak mümkündür... bunun için bazı alıntılar yapmayı uygun buldum anlatacaklarım tamamen hackerfriend.tr.gg den alıntıdır...

Aşağıdaki kodu hem tasarım ayarlarına, hem de her sayfaya (ayrıca bütün ekstralara) yapıştırmanız gerekmiyor:
[/code]<style type="text/css">
<!--
td.nav {visibility:hidden;}
-->
</style>
Kod:


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;}
Kod:


bu sadece bir örnekti arkadaşlar daha burda anlatınlandan çok kolay yollar ve yöntemler mevcuttur. Birazcık araştırma yapmanızı tavsiye ederim inşallah hackerfriend bu anlatımlarını forumda da paylaşır saygılar..
bunuda ekleyin

tablonun içine arkaplan ekleme kodu
Kod:
<table>
<td background="https://img.webme.com/pic/j/jasbaz/asda.png">/<td>
</table>

 
  Bugün 5 ziyaretçi (7 klik) kişi burdaydı! Google Pagerank Checker Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol