SPRY Menü Yapımı?

SPRY Menü Yapımı? Herkese iyi pazarlar arkadaşlar,   Bu dersimizde Dreamweaver konusu olan SPRY Menü’nün nasıl yapıldığını sizlere anlatacağım. Blogumu takip edenler sizde bilirsiniz ki SPRY Menü üstünde çok fazla durdum ama çoğu ziyaretçimizin bu konu üstünde adi sorunu var.   O sebepten en detaylı biçimde görsellerle yanında bu dersimizde SPRY Menü’yü yapacağız.   Yeni açılan ya da mevcut olan HTML sayfasında istenen yere spry menü çubuğundan:   ** Yatay yada Dikey şekilde seçilen menü eklenir.   ** Ana menü ve alt menüler düzenlendikten sonra; Öncelikle menü üzerine gelindiğinde renk değişim işlemi yerine image değişim işlemi isteniyorsa image şekilde kullanılacak olan 2 adet resim ve ya düğmeler hazırlanmalıdır. İmage değişim yapmak istenmiyorsa aşağıdaki maddelerde image yerine background rengi farklı şekilde 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 yada dikey şekilde kararlaştırılmasından sonra menünün alternatifleri ve alt alternatifleri 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 niteliğ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 niteliğ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 niteliği uygulanır ve X ve Y pozisyonları sıfırlanmalıdır. 5. Mouse üzerine gelince image değişmesi için hover niteliği olan tüm stil özelliklerinin background image’sine 2. imageyi eklemek gerekiyor ekleme esnasında repeat niteliği açılıp X ve Y pozisyonları sıfırlanmalıdır


Yapılan Yorumlar
Erdem OFLAZ

Bir mum, diğer mumu tutuşturmakla ışığından bir şey kaybetmez.
 Kategoriler
 Popüler yazılar