Site Rehberi

TG Sitede sadece CSS ve kısmen Javascript dersleri bulunuyor.Javascript sadece ek özelliklerde kullandığım için %90 oranında CSS dersleri bulunuyor.Zaten tr.gg içinde en sade ve en açık yönlü kod dili CSS olduğu için diğer kod dilleriyle uğraşmanızı tavsiye etmem.Site hakkıda açıklama için.

» Burayı Tıklayın

CSS Tasarımlar

Boş Banner

icon Şimdilik bu bannere eklenecek bir oluşum düşünülmüyor sizdende istekler,düşünceler alabilirim.Bu banner hakkında fikir verin.Ve sizinde sitede imzanız olsun.

» İletişim için

TG The Codebreaker

3ktmn

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... 

Dersin Devamı İçin Tıklayın...


Site Hiti 13170 ziyaretçi (22858 klik)
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol