Kodlarla Dövüşen Adam:HF

Forum


    Bilgi Paylaşım Formu
    Sormak istediğniz herşeyi sorabilir, paylaşımda bulunabilirsiniz...

Hakkında


    Her yıl yapılan 'en iyi buğday' yarışmasını yine aynı çiftçi kazanmıştı. Çiftçiye bu işin sırrı soruldu...




Bir Hikaye: En iyi Buğday
Her yıl yapılan 'en iyi buğday' yarışmasını yine aynı çiftçi kazanmıştı. Çiftçiye bu işin sırrı soruldu. Çiftçi,

- "Benim sırrımın cevabı, kendi buğday tohumlarımı komşularımla paylaşmakta yatıyor" dedi.

Elinizdeki kaliteli tohumları rakiplerinizle mi paylaşıyorsunuz? Ama neden böyle bir şeye ihtiyaç duyuyorsunuz? diye sorulduğunda, devamını oku...


Bilgi Paylaşımı grubumuza kayıt olun...
Grubu ziyaret et!
Hafta içi hergün bir adet komik, eğlenceli yada
ilginç video ve güncel full program sizlerle...

Tümünü Göster / Kapat




Big Dog Robot




Arap Köy
3D Wallpapers
Photoshopar
Komplo Var
Pazarlama©a
Uğra Buraya
FreGEN
Kuş ve Balık Evi
Hakan-Fan


ÖrneXiteler
Afilli Yalnızlık
Ali Web1
Bzmcty
Cixin Mekanı
İddaa Zamanı
İstanbul Rehberi
Orjinal Game
Sanalcity


HackeR FrienD

onelayout02

Hayalimdeki Site

Tek Sütun

2. Adım:  Şablonu oluşturmak


Oluşturacak olduğumuz şablonun temel görünümü şu şekilde olacak.

Oluşturduğumuz resimler arkaplan, başlık, üst kısım, orta kısım ve alt kısım olmak üzere 5 ayrı parçadır.


Kullanacağımız CSS kodlarının temel özellikleri için bu siteyi ziyaret etmenizi  öneririm.

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
Burayı tıklayınız...








Bu site 1024x768 çözünürlük ve üzeri,
32 bit görüntü kalitesi ile
FF1, IE7 ve Google Chrome
tarayıcıları için optimize edilmiştir.
Alıntı olarak göstermek şartıyla
sitemizdeki tüm içeriği kullanabilirsiniz.




Etiketler: CSS|Wordpress|Joomla|HTML|JAVA|Tasarım|Photoshop|İngilizce|Google Adsense|Google Pagerank|Tekno Bilgi|Tekno Haber|Bilgi Paylaşımı|


Zulüm, başkasına ait olanları sahiplenmektir ve Allah zulmedenlerin yanında değildir!





=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=