Geniş Ekran Modu Otomatik Ekran Boyutu Font Boyutunu Azalt Font Boyutunu Azalt Font Boyutunu Normal Yap Yazdır

Drop Down Menu

Fireworks'te yeni bir döküman açın: Boyutu 800 x 50 pixel olsun.

Yapacağınız ilk şey ızgraları (grid) açmak olacaktır. Bunun için aşağıdaki yolu izleyin:

View > Grid > Show Grid
View > Grid > Snap to Grid

Şimdi butonları yapma zamanı. Bir kutu çizin ve buton olarak üzerine yazınızı yazın.



Sırada diğer butonlar var. Bu butonu 4 kez çoğaltın ve üzerlerine istediğiniz yazıları girin.

Sonra Slice aracını seçin ve herbir butonun etrafında yapacağımız drop down menü için dilimler oluşturun. Ben burada sadece biri için yapacağım.

Aşağıda görüldüğü gibi olacaktır:



Şimdi drop down menü eklemek istediğiniz butonun üzerindeki dilimi seçin ve şu yolu izleyin: Modify > Pop-up Menu > Add Pop-up Menu.

Şu şekilde bir form gelecektir. İlgili alanları aşağıdaki şekilde olduğu üzere doldurun. Text kısmına menüde görünecek isimler, link kısmına da buna tıklayınca gideceği adresi yazın. Target kısmından eğer sayfanızın ayrı bir sayfa olarak açılmasını istiyorsanız onu ve diğer seçeneklerden birini belirleyin.



Bunu yaptıktan sonra "Next" tıklayın ve ve menünüzün görünmesini istediğiniz ayarları belirleyin. Ben aşağıda göreceğiniz üzere beyaz zemin ve yeşil yazı rengini seçiyorum.



Bunu da hallettikten sonra tekrar "Next" deyin. Şimdi menünün açılacağı yeri konumlandıracaksınız. (sağ, sol, aşağı, yukarı) Resimde zaten şekillerden anlayabiliyorsunuz. Ben "aşağı (down)" seçiyorum.



"DONE" deyin.

Çalışmanız hazır. Şimdiki yapacağımız iş şu olacak: Menüyü kopyalayıp yeni bir Fireworks dökümanına yapıştıracağız. Amacımız hiç boş yer kalmamasını sağlamak olacaktır. Bunun için önce Ctrl + A ile tümü seç yapın, sonra Ctrl + C kopyalayın ve File > New > Ok menüsüne giderek tam kopyaladığımız boyutlarda açılan dosyaya Ctrl+V ile yapıştırın.

Aşağıdaki gibi bir sonuç elde edeceksiniz.



Şimdi File > Export menüsüne gidin ve dosyanızı kaydedin, sonra Dreamweaver'ı açın ve sayfanıza ekleyin. Çalışmamızın son görünümü aşağıdaki gibi olacaktır:

Kaynak www.sanalkurs.net/acilir-menu-yapalim-drop-down-menu-820.html
Bu içerikle ilgili henüz herhangi bir yorum yapılmamıştır. Bu içerikle ilgili Yorumunuzu eklemek için burayı tıklayınız.

Ödev Gönder | İncelenmeyi Bekleyen Ödevler | Uygulama Resimleri | Uygulama Resmi Gönder | İnternet Üzerinden Sınav | Test Sorusu Gönder | Sınıf Karneleri | Anketler | Linkler
www.dijitalders.com

bilgidijitalders.com
Bu sayfalar en iyi 1024 x 768 ekran çözünürlüğünde görüntülenir.
Site içerikleri, site kullanıcıları tarafından yollanan içeriklerdir. Her hangi bir içeriğin lisanslı yahut şahsınıza ait olduğunu tarafımıza iletirseniz gerekli düzenlemeyi yapacağız. Kullanılan içerikler, siteyi kullanan öğrenciler ve araştırmacılar için kolaylık sağlamak amacıyla oluşturulmuştur.
Sayfada HATA! Olduğunu Düşünüyorsanız | Sık Kullanılanlara Ekle | www.dijitalders.com'u Ana Sayfam Yap | Web Tasarımcıya e-Posta
Bu site 896,469 kişi tarafından ziyaret edilmiştir.