onelayout03

Hayalimdeki Site

Tek Sütun

2. Adım:  Şablonu oluşturmak

c-) Arka planı oluşturduktan sonra bu tasarıma bir başlık ekleyerek devam edelim. Başlık için de bir katman oluşturaralım.

#baslik {
width: 845px;
height: 150px;
background: url(https://img.webme.com/pic/h/hackerfriend/hayalimbaslik.jpg);
border: 3px  solid #4699C3;
}

Şablonumuza başlık eklerken koda dikkat ederseniz resimin boyutlarını belirttim. Etrafına kenarlık ekledim. Kenarlık boyutunu 3px, rengini de başlığa uygun tonlardan seçtim. Renk kodlarını buradan bulabilirsiniz.


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

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

TASARIM ALTINDAKİ YAZI
</div>

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