++Sitene Ekle++
TürkçeEnglishFranceGermanyRusiaSpain
Siteme Hoş Geldiniz!Biliyorum Sitede Eksikler Var Ama En Kısa Sürede Düzeltilecektir!!
reklam
Sitemize Hos Geldiniz.

closeSitemiz Sizlere Daha İyi Hizmet Vermek İçin Günlük Güncellenecektir...

KILI«LAR DİYARI

css3


...:Şablonu oluşturmak:...

Şablonu oluşturmak:
Oluşturacak olduğumuz şablonun temel görünümü şu şekilde olacak
 Oluşturduğumuz resimler Arka Plan-Başlık-Üst Kısım-Orta Kısım-Alt Kısım olmak üzere 5 ayrı parçadadır.
 

Kullanacağımız CSS kodlarının temel özellikleri için bu siteyi ziyaret etmenizi öneriyorum.
a-) Öncelikle CSS kodlarının en başına menü gizleme kodumuzu yapıştıralım

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

b-) Sonra sitemizin gövdesini (body'sini) oluşturacağız. Gövdede tanımlayacağımız bütün özellikler sitemizi etkileyecek. Font biçimi, fontların boyutu, arka planı resmi yada rengi, sitenin ortalaması vs... Eğer siz başka bir kodla aksini belirtmezseniz bütün özellikler bu kısımdan gelir. Mesela tabloların font boyutunu 10px yaptınız ama body'de 12px olarak font boyutu belirlediniz. Bu durumda tablolar hariç sitenizdeki bütün yazılar 12px büyüklüğünde olacak. Şimdi body'yi oluşturalım.
* { padding: 0; margin: 0; }
body {font-family: Arial;
font-size: 12px;
background: url(
https://img.webme.com/pic/h/hackerfriend/hayalimarkaplan.jpg)
top center fixed;
}
Hemen arkasından tasarımızın düzgün ve ortalı durması için bir katman oluşturalım. CSS katmanları # ile başlar. Katman özellikleri {ile başlar ve }ile biter. Her katman özelliği arası noktalı virgül ; konur. Kodları inceleyerek daha iyi anlayabilirsiniz.
#tasarim {
margin: 0 auto;
width: 900px
}
Bu haliyle sitemizin görünümüburadaki gibi olacak.
TASARIM ÜZERİNDEKİ YAZI
<div id="tasarim>
TASARIM ALTINDAKİ YAZI
</div>
CSS KODU
Buraya Tıklayın

(css4'e GİDİNİZ)
 

 

 

Bugün 1 ziyaretçi (10 klik) kişi burdaydı!
Bugün: 1 | Klik: 10 | Buradasın: css3 | İp: 54.226.64.30
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=