Css Tasarim Kodlama
Css Tasarım Kodlama |
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.
ANLATIM HACKFRİEND E AİİTTİR