Free CSS Tasarımı Siteye Uygulama

Ücretsiz (free) bir şablonu (template'i) TR.GG siteniz için nasıl uygulanacağını aşağıda resimli olarak anlatmaya çalıştık. Umarım faydalı bir ders olur.

Derse başlamadan önce aşağıdaki kodu not alınız. Çünkü işinize yarayacak. Eskiden kullanılan menü gizleme kodunu kaldırın. Ve ilk kez tarafımızca keşfedilmiş olan aşağıdaki kodu kullanın. Bu kod sayesinde her sayfaya, her ekstraya menü gizleme kodu yapıştırmamış olacaksı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;}
 

Uyguladığımız tasarım: 
http://www.freecsstemplates.org/preview/bestfriends



 
 

 

 

 

 

 

 


 

 
 

 

 

 

 

 




Önemli Not: 

"Tasarımı indirdim ancak içinden content diye bir şey bulamadım" diye bir çok soru ile karşılaştım. Evet, olmayabilir. Önemli olan içeriklerin yer aldığı katmanı (division) bulabilmek ve bu aşamayı iyi kavramak olacak. Kimi ücretsiz tasarımlarda bu katman (yani <div>) main, post, page, icerik gibi tanımlanabilir. İsmin hiç bir önemi yok.

İçerik katmanını bulduktan sonra bu içerik katmanına kadar olan kısmı TASARIM ÜSTÜNE, geri kalanı da TASARIM ALTINA yerleştirmek gerekiyor. Örneğin tasarım içindeki katman ismi page olsun.

Tasarım üstüne:

....
....
....
....
... <div id="page">


Tasarım altına: 

</div>
....
....
....


yerleştirilecek.

Anlatım: Hackerfriend.net

 
..........:::::::::ANKET:::::::::..........
 


Sizce Dünya'nın en büyük sorunu hangisi?
Küresel Isınma
Terör
İşsizlik
Savaşlar
Diğer

(Sonucu göster)


........::::::::::LİNKLER::::::::::........
 
HTML KODLARI
........:::::::::HABERLER:::::::::........
 
 
Bugün 5 ziyaretçi (28 klik) kişi burdaydı!
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol