Staronline1

kod-backgorund

Selam arkadaşlar bir background tasarım dersine hoş geldiniz...
Öncelikle bir arka plan background web sitenizi ortalamanız veya sola veya sağa yatırmanız gerekmektedir...

Web sitenizi ortalamak için eğer css desing kullanıyor iseniz css (styl tagsız) kodu bölümüne şu kodu yapıştırınız:


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;}
table {margin-left: auto;margin-right: auto}

Reklam, banner temayı ortalar ama yazılarıda ortaladığı için yazı ve içerik kısımlarınızda table veya div kullanmanız gerekebilecektir.

Table nedir? : Table web siteniz bazı yazı ve içerik kısmını belli bir hücre içine almak demektir.Bir anlamla çerçeve.Bu sayede içerik bölümünüz table ile kısıtlandığı için sayfada içeriğin sağa sola kaymasını engeller.

Div: Div geniş bir koddur.Bazı resim,banner,menü gibi kısımları belli özelikleri olur.Nerede bulunacağı,hangi renkte olacağı, ne durumda bulunacağı hakkında.Div ıd sayesinde bu kodlar bir sefer yazılır ve div class olarak bir sayfada birden fazla sefer kullanılabilir.Div kısaca özellik yada konum demektir.

Sayfanızın konumu ve içerik konumu hazır ve artık sorunsuz sabit ise gelelim arka plan hazırlamaya...

Öncellikle şuna karar vermelisiniz arka plan web sayfanızla birlikte hareket edecekmi yoksa olduğu yerde sabit olarakmı kalacak?


Sabit kalmasını istiyorsanız yani arka plan hiç hareket etmesin
Örnek:
www.gametürk.com
Ortalama olarak 1440*800 lük bir arka plan yapmanız gerekcektir.

Hayır hareket etsin diyorsanız
Örnek:
www.staronline1.tr.gg
Bu tarz sitenin arka planları hep uzun olur sebebi ise içerik arttıkça web sitenin aşağı kaymasıdır pixel boyutu 1440*min2500 dür.

Bence en kolay ve basit bir şekilde arka plan yapmak eğer pcniz windows 7 ise yada son sürüm paint kullanıyor iseniz.Paint kullanmanızı tavsiye ederim.


Şimdi Dersimize başlayalım (Unutmayın Paint cetveliniz açıkolsun)...

1)Şekilde boyutlandırdığım gibi veya başka boyutta yeni sayfa açın...



2)Resimdede gösterdiğim Yerlerden Hiza alarak bir kare oluşturun.Bu karenin içi sayfanın içeriğinin geleceği kısım.(Web sitesi ortalanmış tasarımlar içindir...)

Not: Görseli size daha rahat gösterebilmek için sayfayı kısalttım sizde önce çizip sayfayı sonradan uzatabilirsiniz...

Hiza Çizgileri:
170*1220



 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol