KODSİSTEMİ

Free css tasarımlar

FREE CSS TASARIMLARI SİTEMİZE NASIL UYGULARIZ
free tasarım veren sitelerdeki şablonları tr.gg siteme nasıl uyarlarım diyorsanız.

(Yakında hazırladığım free tasımları yani hazır tasarımları sitemizde bulacaksınız)

Sitenizi profesyonel bir tasarım şekline dönüştürebilirsiniz. Ben aşağıda örnek bir tasarımı indirip siteme göre uyarladım. Siz de aşağıdaki sitelerden böyle bir tasarıp indirip sitenize uyarlayabilirsiniz.

1-Önce aşağıdaki sitelere girip kendinize uygun tasarımı seçin

templates.arcsin.se/
oswd.org
freewpthemes.net
Free CSS.Com
Open Designs.Org
Open Web Design.Org
Metamorphozis.Com
Free CSS Templates.Com
Free CSS Templates.Org
Mantisatemplates.ComRamblingsoul.Com

2-Tasarımı indirip zipten çıkartın genelde üç dosya ile karşılaşacaksınız
3-Önce css kodunu açın kopyalayıp sitenizin css kodu bölümüne yapıştırın yalnız bu bölümün en başına aşağıdaki kodları mutlaka yapıştırmanız gerekir.

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;}

4-Daha sonra index dosyasını açın yani tasarımın göründüğü şekildeki int sayfasını bu sayfanın kaynak kodunu alın.

5-Kaynak kodundaki baş taraftaki body yazan yeri body dahil yukarıya doğru silin. En alttaki body ve html yazan iki kelimeyi de silin.

6-<div id="page"> veya div id=main, post, page, isimleriyle adlandırılan yere kadar olanı tasarımın üstüne 

7-Div ile başlayıp genelde div ile biten bölümü de tasarımın altına adlı bölüme yapıştırın.

8-Burada önemli olan CONTENT yani içerik bölümünün silinmesidir. İçerik bölümünün üstü tasarımın üstüne içerik bölümünün altı ise tasarımın altına adlı bölüme yapıştırılacak. Yani çıkartacağımız bölüm div id content ile div bölümü arasındaki kısımdır.

9-Sitenizi oluşturduğunuzda orjinal sitenin resimlerini göremiyeceksiniz. Bunun için ya sitenize reimleri yüklemeniz ya da css kodunu açtığınızda sitenin orjinal resimlerinin url sini alıp tümünü değiştir yapabilirsiniz. Hiç bir şey yapmadan biraz uğraşarak başlık, arka plan ve diğer bölümleri renk ve kendi indirdiğiniz resimlerle de değiştirebilirsiniz.






TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:


TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:
 

CSS KODU BÖLÜMÜNE
KOD:

Bugün 29 ziyaretçi (132 klik) kişi burdaydı!
Sola Kaydır

KODSİSTEMİ© 2008-2012 © www.kodsistemi.tr.gg tarafından düzenlenmiştir.

Aşağı doğru inen reklamı sola kaydırmak için reklamın altındaki butonu tıklayın reklam sola geçer. Soldayken yaptığınızda sağa geçer.

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