SPRY Menü Yapmak

Bu dersimizde SPRY menü ayrıntılı olarak anlatılmıştır.

Bu dersimizde SPRY menü ayrıntılı olarak anlatılmıştır.

Açıklama

Yeni açılan veya var olan HTML sayfasında istenen yere spry menü çubuğundan:



yatay veya dikey olarak seçilen menü eklenir.



Ana menü ve alt menüler düzenlendikten sonra;



Öncelikle menü üzerine gelindiğinde renk değişimi yerine image değişimi isteniyorsa image olarak kullanılacak 2 adet resim veya butonlar hazırlanmalıdır.

İmage değişimi istenmiyorsa aşağıdaki maddelerde image yerine background rengi değişik olarak seçmek tererlidir.

Dreamweaver de açılan bir html sayfası kaydedilir ve üst menülerden spry menüsünden spry menü çubuğu seçilir, menünün yatay veya dikey olarak kararlaştırılmasından sonra menünün seçenekleri ve alt seçenekleri düzenlenir. Sağ tarafta bulunan yan menülerden css stilleri çift tıklanır;


1- alt elemansız menü başlığı için image: ulMenuBarHorizontal a stil özelliğinden background image kısmından



2- alt elemanlı menü başlığı için image: ulMenuBarHorizontal a.MenuBarItemSubMenu stil özelliğinden background image kısmından resim seçilip repeat özelliği uygulanır. ve X ve Y pozisyonları sıfırlanmalıdır.



3. alt elemanlı menünün alt elemanları için image: ulMenuBarHorizontal a.MenuBarSubItemMenuHover stil özelliğinden background image kısmından resim seçilip repeat özelliği uygulanır ve X ve Y pozisyonları sıfırlanmalıdır.



4. alt elemanlı menünün 1. alt elemanı için image: ulMenuBarHorizontal a.MenuBarSubItemMenu stil özelliğinden background image kısmından resim seçilip repeat özelliği uygulanır ve X ve Y pozisyonları sıfırlanmalıdır.




5. fare üzerine gelince image değişmesi için hover özelliği olan bütün stil özelliklerinin background image'sine 2. imageyi eklemek gerekiyor ekleme sırasında repeat özelliği açılıp X ve Y pozisyonları sıfırlanmalıdır


  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git