Kodlarla Dövüşen Adam:HF

Forum


    Bilgi Paylaşım Formu
    Sormak istediğniz herşeyi sorabilir, paylaşımda bulunabilirsiniz...

Hakkında


    Her yıl yapılan 'en iyi buğday' yarışmasını yine aynı çiftçi kazanmıştı. Çiftçiye bu işin sırrı soruldu...




Bir Hikaye: En iyi Buğday
Her yıl yapılan 'en iyi buğday' yarışmasını yine aynı çiftçi kazanmıştı. Çiftçiye bu işin sırrı soruldu. Çiftçi,

- "Benim sırrımın cevabı, kendi buğday tohumlarımı komşularımla paylaşmakta yatıyor" dedi.

Elinizdeki kaliteli tohumları rakiplerinizle mi paylaşıyorsunuz? Ama neden böyle bir şeye ihtiyaç duyuyorsunuz? diye sorulduğunda, devamını oku...


Bilgi Paylaşımı grubumuza kayıt olun...
Grubu ziyaret et!
Hafta içi hergün bir adet komik, eğlenceli yada
ilginç video ve güncel full program sizlerle...

Tümünü Göster / Kapat




Big Dog Robot




Arap Köy
3D Wallpapers
Photoshopar
Komplo Var
Pazarlama©a
Uğra Buraya
FreGEN
Kuş ve Balık Evi
Hakan-Fan


ÖrneXiteler
Afilli Yalnızlık
Ali Web1
Bzmcty
Cixin Mekanı
İddaa Zamanı
İstanbul Rehberi
Orjinal Game
Sanalcity


HackeR FrienD

cssmenulink

< Web Derslerine Geri Dön <

Soru:

Sitenizden free bir şablon indirdim ancak menüleri nasıl yapacağımı anlayamadım. Bu konuda  yardımcı olabilir misiniz?


Cevap:

CSS tasarımlarda bir menü yapmak tıpkı bir metine link vermek gibi bir şey. Mantık olarak aynı. Web sitesi yapmaya yeni başlayanlar için oluşturduğumuz dersimizi izleyerek sorunun cevabını bulmaya çalışın.

CSS şanlonlarında menülere link vermek çok basit.

Tıpkı bir metine link vermek gibi mantık aynı.

Açılan pencerede URL kısmına linkimizi yazıyoruz.

Tamam diyerek köprümüzü ekliyelim.

KAYNAK butonuna basarak oluşan koda bir bakalım.

Bu haliyle mantığı kavramaya çalışın.

Sitemizden herhangi bir CSS şablonu indirin.

Bu örneğimizde People tasarımına bakacağız.

Menü kodları tasarım üstünde yada altındadır.

…bir sonraki sayfaya geçiniz…

Menülerin nerde olduğunu anlamak için önizleme yapın.

…bir sonraki sayfaya geçiniz…

Bu örneğimizde iki menü bulunmakta.

…bir sonraki sayfaya geçiniz…

Tasarım üstündeki kodlarda üst menümüz bulunmakta.

…bir sonraki sayfaya geçiniz…

Düzenledikten sonra sitemize bir bakalım.

…bir sonraki sayfaya geçiniz…

Düzenlediğimiz kodlar üst menüyü bu duruma getirdi.

…bir sonraki sayfaya geçiniz…

Tasarım altındaki kodlarda da yan menümüz bulunmakta.

Bunu da sitemize göre düzenleyelim.

Gerekli görmediğimiz yerleri silebiliriz.

Yada ekleme de yapabilirsiniz.

Kodlara ve çıkan sonuca bakarak, mantığı kavramaya çalışın.

…bir sonraki sayfaya geçiniz…

Kodların ilk ve son halini karşılaştırın.

…bir sonraki sayfaya geçiniz…

Kodların ilk ve son halini karşılaştırın.

…bir sonraki sayfaya geçiniz…

Menüleri düzenledikten sonra sitenin görünümü bu şekilde.

Başta da söylediğimiz gibi bir metine link verme mantığıyla aynı durum söz konusu.

Bilgi Güçtür, Paylaştıkça Büyür!

Bir sonraki dersimizde görüşmek dileğiyle…


Resimleri orjinal boyutunda izlemek için üzerlerine tıklayınız…
Piksel olarak düşük ekranlarda F11 yapmanız tavsiye olunur.

< Web Derslerine Geri Dön <





Bu site 1024x768 çözünürlük ve üzeri,
32 bit görüntü kalitesi ile
FF1, IE7 ve Google Chrome
tarayıcıları için optimize edilmiştir.
Alıntı olarak göstermek şartıyla
sitemizdeki tüm içeriği kullanabilirsiniz.




Etiketler: CSS|Wordpress|Joomla|HTML|JAVA|Tasarım|Photoshop|İngilizce|Google Adsense|Google Pagerank|Tekno Bilgi|Tekno Haber|Bilgi Paylaşımı|


Zulüm, başkasına ait olanları sahiplenmektir ve Allah zulmedenlerin yanında değildir!





=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=