onelayout04

Hayalimdeki Site

Tek Sütun

2. Adım:  Şablonu oluşturmak

d-) Şablonumuza başlığımızı da ekledik. Şimdi sıra sayfalarımızın gözükeceği içerik kısmını oluşturmak. Tasarım konusunda henüz yolun başında olan arkadaşlar kodlara dikkat edin, mantığı kavramaya çalışın.

#ust {
width:845px;
height:131px;
background: url(https://img.webme.com/pic/h/hackerfriend/ustsablon.png);
}

#orta {
width:845px;
background: url(https://img.webme.com/pic/h/hackerfriend/ortasablon.png);
}

#alt {
width:845px;
height:131px;
background: url(https://img.webme.com/pic/h/hackerfriend/altsablon.png);
float: left;
}

Orta kısımda yükseklik değerini vermiyoruz. Çünkü yükseklik değeri sayfların uzunluğuna göre kendisi oluşacak. Alt kısımda da koda float: left ekliyoruz. Çünkü TR.GG'nin orjinal katmanları nedeniyle IE tarayıcılarında kaymalar olabiliyor. float: left koduyla bunun önüne geçiyoruz.

Bu haliyle sitemizin görünümü buradaki gibi olacak.

TASARIM ÜZERİNDEKİ YAZI
<div id="tasarim>
<div id="baslik"></div>
<div id="ust"></div>
<div id="orta">

TASARIM ALTINDAKİ YAZI
</div>
<div id="alt"></div>
</div>

CSS KODU
Burayı tıklayınız...