CCS YAPIMI

 



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

Kod:
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

1.


2.


3.


4.


5.


6.


7.


8.


9.


10.


11.


12.


13.


14.


15.


16.


17.


18.


Ve sonuç:
http://hackerfriendly.tr.gg/1.htm adresinde.

Önemli bir 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.

Herkese kolay gelsin.


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