Dreamweaver ile Açılır Menü Oluşturmak (Resimli Anlatım)

[HaNıM aGa]

Photoshop ile oluşturulan buton Dreamweaver da common menü gurubundan Images seçeneği altından image seçeneği seçilerek sayfaya eklenir.
Tag Inspector panelinden Behaviors sekmesi seçilir. Burada + işareti (add behavior) seçeneği altından “Show Pop-Up Menu” seçeneği seçilir.

Karşımıza “Show Pop-Up Menu” penceresi gelecektir. Bu pencereden önce başka bir pencere gelirse “continue” seçeneğini seçin.
Show Pop-Up Menu Penceresinin Bölümleri :

Bu pencere ile oluşturulmak istenen açılır menü için alt menüler oluşturulur.
Click this bar to view the full image.
1. Contents Sekmesi :

Click this bar to view the full image.
1. Add Item : Yeni bir menü elemanı ekleneceği zaman bu seçenek kullanılır.
2. Remove Item : O anda seçili olan menü elemanını silmek için kullanılır.
3. Outdent Item : Menüyü bulunduğu alt menü sınıfından bir üst menü sınıfına
ekler.
4. Indent Item : Menünün bulunduğu alt menü sınıfından bir alt menü sınıfına
ekler. Yani alt menü altında alt menüler oluşturmak için kullanılır.
5. Move Item Up, 6. Move Item Down : Seçili menülerin sırasını değiştirmek için
kullanılır. Menüyü bir üste veya bir alta taşır.
7. Text : Açılır menüde görüntülenecek yazı.
8. Link : Açılır menünün hangi sayfayı açacağı.
9. Target : Açılır menünün hangi pencerede açılacağı.
2.) Appearance Sekmesi :


En üstte vertical menu (dikey açılır menü) ve horizontal menu (yatay açılır menü) seçenekleri vardır. Bu seçenekler sayesinde açılır menü yatay veya dikey olarak oluşturulabilir.
Up State : Text ile menünün normal durumdaki yazı rengi, cell ile de menünün normal durumdaki zemin rengi ayarlanır.
Over State : Menü elemanı seçildiği zaman yazı rengi text ile, menü elemanı seçildiği zaman zemin rengi cell ile belirlenir.
Advanced Sekmesi :


Cell Width ve Cell Height : Bu özellikler açılır menü genişliğini ayarlamaya yarar. Eğer özel bir durum yoksa Automatic seçilerek otomatik genişlik verilmelidir.
Cell Padding ve Cell Spacing : Bu seçenekler alt menüdeki yazı ile alt menü kenarlığı arasındaki mesafeyi belirler.
Pop-up borders : Bu seçenek işretlenirse al menülere kenarlık eklenir.
Border Width : Bu seçenek ile alt menülerdeki kenarlık kalınlığı belirlenir.
Border Color : Alt menü kenarlıklarının rengi.
Shadow : Kenarlık gölgelendirmeleri. Alt menü gurubu çerçevesinin sağ ve alt kenarlık rengi.
Highlight : Alt menü gurubu çerçevesinin sol ve üst kenarlık rengi.
Position Sekmesi :


Resimlerde şeklinde butonlar açılır menünün nasıl açılacağı gösterilmektedir. x ve değerleri değiştirilerek yatay ve dikey olarak alt menüler ile ana menü arasındaki mesafe belirlenir.