Web Dersleri 6
TR.GG'nin CSS tasarımına uygun,
ek bir menüye ihtiyaç duyulmadan kullanabileceğiniz tasarımlar.
ek bir menüye ihtiyaç duyulmadan kullanabileceğiniz tasarımlar.
Her tasarımda aşağıdaki kodları kullanacaksınız. Çünkü bu tasarımlar TR.GG'nin orjinal CSS katmanları dikkate alınarak hazırlandı. Yani bu şu demek oluyor:
(bundan sonraki kırmızı yazılar 15.06.2008 tarihinde eklendi)
Siz header_oben (başlık) katmanını header olarak değiştirirseniz tasarımlar sitenize oturmayacaktır. Yada feld_unten (altlık) katmanını footer olarak değiştirirseniz aynı şekilde tasarımınız sitenize oturmayacaktır.
Kendinize göre bu isimleri değiştirebilmek için aşağıdaki katmanları sitenize ayrı ayrı oturtmanız gerekecektir.
Dizayn (design) ***
Başlık (header_oben) ***
Menü (nav_container)
İçerik (content)
Sağ yan kısım (side_containbar)
Sayfa altlığı (feld_unten) ***
Bu katmanları sitenize içerik atmadan önce CSS tasarımı seçip, kaydet yapın ve sitenizde kaynağı görüntüle dediğinizde kolayca görebilirsiniz. Ancak biz bunları ayrı ayrı oturtmak yerine zaten bedava-sitem.com'un orjinal CSS tasarımında mevcut olan katmanları kullanmayı daha kolay gördük. Bu sayede sadece yanında yıldız (*) olan katmanlar kullanıldı, diğerlerini ayrıca belirtmedik. Boş CSS tasarımın katmanları Almanca olduğu için, ayrıca tek tek katman yapıp siteye oturtmaya uğraşmamak için, orjinal katmanları kullandık.
Bu açıklamayı yanlış anlaşılmaları ortadan kaldırmak için ekledik.
1.Adım
Tasarım Üzerindeki Yazı kısmına aşağıdaki kodu yapıştırın:2.Adım
Tasarım Altındaki Yazı kısmına da aşağıdaki kodu yapıştırın:
3.Adım
Beğenmiş olduğunuz tasarımın CSS kodunu, Tasarım ayarları > Gelişmiş ayarlar > CSS kodu kısmına yapıştırınız. Bütün dosyaların açılış şifreleri hackerfriend'tir. İndirmiş olduğunuz dosyalar tamamen HackeR FrienD'e ait olup, güncel virüs tarayıcılarıyla testten geçirilmiştir.
Resimleri istediğiniz gibi değiştirebilirsiniz, amacımız tasarım mantığını kavramanız.
Tasarım Adı: Milli Takım | Tasarım Adı: Guild Wars | Tasarım Adı: Counter Strike | ||||||
Önizlemesi | Önizlemesi | Önizlemesi | ||||||
CSS Kodu: İndir | CSS Kodu: İndir | CSS Kodu: İndir | ||||||
Tasarım Adı: Euro 2008 | Tasarım Adı: Japon Kız | Tasarım Adı: Köy | ||||||
Önizlemesi | Önizlemesi | Önizlemesi | ||||||
CSS Kodu: İndir | CSS Kodu: İndir | CSS Kodu: İndir | ||||||
Tasarım Adı: Sevgi | Tasarım Adı: Galatasaray | Tasarım Adı: Beşiktaş | ||||||
Önizlemesi | Önizlemesi | Önizlemesi | ||||||
CSS Kodu: İndir | CSS Kodu: İndir | CSS Kodu: İndir | ||||||
not : alıntıdır