Template Uygulama 2
Tumhepsiburada bu anlatımı Buradan aldıMerhabalar arkadaşlar,
Ü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.