Adobe Muse'da Menü widget'ları ekleme ve bunlara stil uygulama

Kalıp sayfanız Tasarım görünümünde düzenlemek üzere açıkken Widget Kitaplığı'nı açın. Henüz açık değilse Pencere > Widget Kitaplığı'nı seçin.

Widget Kitaplığı panelinde, Menüler seçeneğini belirleyerek Menü widget'ları listesini genişletin. Sitenizin tasarımına ve menüyü yerleştirmek istediğiniz yere bağlı olarak aşağıdakilerden birini seçin:

• Yatay menü eklemek için Yatay.
• Dikey menü eklemek için Dikey.

Widget'ı sürüklemek ve mizanpajınızda istediğiniz konuma yerleştirmek için Seçim aracını kullanın. Örneğin, üstbilgi bölümüne yatay bir menü widget'ı yerleştirebilirsiniz.

Menünün oluşturmuş olduğunuz sayfa adlarını site haritasında göründükleri sırayla otomatik olarak görüntülediğini göreceksiniz. Menü etiketleri otomatik olarak sayfalara bağlanır ve dinamiktir. Yani, daha sonra sayfaları yeniden adlandırmaya veya taşımaya karar verirseniz menü otomatik olarak güncellenir. Bağlantılar beklenen şekilde çalışmaya devam eder.

Kontrol panelinde renk seçiciyi tıklatın ve menünün rengini ayarlayın. Ardından menüdeki metin için metin boyutunu ayarlamak üzere Metin Boyutu alanını kullanın.

Menü widget'ını seçin ve widget'ın sağ üst köşesindeki mavi oku tıklatın. Sistem Seçenekler panelini görüntüler.

Seçenekler panelini kullanarak Menü widget'ını yapılandırın. Aşağıdaki seçenekleri yapılandırabilirsiniz:

• Menü Türü: Sitede gezinmeye hangi sayfaların ekleneceğini belirtir. Yalnızca birinci düzey veya üst sayfaları dahil etmek için Üst Sayfalar'ı seçin. Gezinme içindeki alt sayfaları da dahil etmek için Tüm Sayfalar'ı seçin. Alt sayfalar alt menü olarak görüntülenir. Menü widget'ında görüntülenmesi istediğiniz sayfaları manuel olarak seçmek için Manuel'i seçin.
• Yön: Menüyü yatay veya dikey olarak eklemek istediğinizi belirtin. 
• Birlikte Düzenle: Tüm menü öğelerini birlikte güncellemek istiyorsanız bu onay kutusunu işaretleyin. Bu onay kutusu varsayılan olarak işaretlenir. Bu onay kutusunu işaretlemezseniz seçtiğiniz yapılandırmalar yalnızca seçilen menü öğesine uygulanır.
• Öğe Boyutu: Menü öğelerinin genişlik veya boyut olarak eşit şekilde dağıtılması gerekip gerekmediğini belirtin.
• Sol Simgeyi Göster: Bu onay kutusu varsayılan olarak işaretlenmez. Her menü öğesinin sol köşesine bir simge eklemek istiyorsanız bu seçeneği belirleyin.
• Etiketi Göster: Bu onay kutusu varsayılan olarak işaretlenir. Bu onay kutusunun işaretini kaldırdığınızda artık menü etiketleri görüntülenmez.
• Sağ Simgeyi Göster: Sağdaki simgeleri devre dışı bırakmak istiyorsanız Kapalı'yı seçin. Menü öğelerinin sağ köşesindeki simgeleri yapılandırmak isterseniz Açık'ı seçin. Sağ simge, bir menü öğesinde alt menüler olduğunu belirtmek için ok eklemek istediğinizde kullanışlı bir seçenektir. Yalnızca alt menüleri olan menü öğeleri için bir sağ simgeyi yapılandırmak için Yalnızca Alt Menüler'i seçebilirsiniz.
• Bölümlerin Konumu: Her sekmenin iç kısımları için başlangıç noktasını belirtir.

Düzenlemek istediğiniz menü etiketini çift tıklatarak seçin.

Menü öğesi içinde metni düzenlemek için Metin panelini açın (Pencere > Metin). Etiket seçiliyken gerekli seçenekleri belirleyerek metni formatlamak için Metin panelini kullanın:

• Font: Menü etiketine uygulamak istediğiniz font türünü seçin.
• Font Stili: Gerekirse menü etiketi için İtalik veya Kalın seçeneğini belirleyin.
• Boyut: Menü etiketi için Font boyutunu seçin.
• Renk: Renk açılır alanından uygulamak istediğiniz rengin onaltılık kodunu girin. Buna alternatif olarak damlalık kullanarak istediğiniz rengi seçebilirsiniz.
  

Menü etiketinizin kenar boşluğu değerlerini yapılandırmak için Metin panelini kullanın. Zaten menü etiketine uygulamak istediğiniz bir köprü stiliniz varsa abc'nin yanındaki açılır alandan stili seçin.

Paragraf stili uygulamak için Metin panelindeki Paragraf Stili açılır alanından stili seçin.

Menü etiketlerine Dolgu ve Kontur uygulamak için menü etiketini çift tıklatarak seçin. Sayfanın üst kısmındaki Araç Çubuğu'ndan Dolgu rengi ve Kontur rengi'ni seçin. 

Kontur Kalınlığı'nı düzenleyebilir ve Araç Çubuğu'ndan menü etiketleri için köşe yarıçapını etkinleştirebilirsiniz.

Seçim aracını kullanarak Rollover durumunu oluşturmak istediğiniz menü etiketini seçin. Durumlar panelini açın. Düğmenin varsayılan durumlarının zaten etkin olduğunu göreceksiniz. Durumlar panelinde Rollover minik resmini tıklatın ve ilgili durumu düzenleyin.

Menü etiketi hala seçiliyken Dolgu rengi seçiciyi kullanın ve kırmızı çapraz çizgili beyaz renk örneğini tıklatarak dolgu yok (saydam) ayarını seçin.

Metin aracını tıklatın ve Kontrol panelindeki renk seçiciyi kullanarak Rollover durumu için kırık beyaz bir renk seçin.

Durumlar panelinde, Fare Tuşu Basılı durumunu seçin. Metin aracı hala seçiliyken Kontrol panelindeki renk seçiciden renk örneğini seçerek Fare Tuşu Basılı durumundaki metni koyu bir renge ayarlayın.

Durumlar panelinde, Etkin durumunu seçin. Kontrol panelinde Dolgu bağlantısını tıklatarak Dolgu menüsünü açın.

Dolgu menüsünde renk seçiciyi tıklatın ve dolgu rengini Yok olarak ayarlayın. Görüntü bölümünün yanındaki klasör simgesini tıklatın. Açılan İçe Aktar iletişim kutusunda, top-nav-over.png adlı arka plan görüntü dosyasını bulup seçin. Seç'i tıklatarak dosyayı seçin. İçe Aktar iletişim kutusu otomatik olarak kapanır.

Halen Dolgu menüsündeyken Sığdırma seçeneğinin Orijinal Boyut olarak ayarlandığını doğrulayın. Ardından, Konum bölümünde dokuz noktanın ortasını tıklatın. Böylelikle arka plan görüntü dolgusu ortada konumlandırılmış olarak, dolgu rengi içermeden ve orijinal boyutunda görüntülenir. Dolgu menüsünü kapatmak için başka herhangi bir yeri tıklatın.

Yatay Menü widget'ında varsayılan Birlikte Düzenle seçeneği etkin olduğundan menü etiketinde yaptığınız tüm değişiklikler gezinme çubuğundaki tüm düğmelere otomatik olarak uygulanır.

Dosya > Kaydet'i seçerek işinizi kaydedin. A-Kalıp sekmesindeki X işaretini tıklatarak Tasarım görünümündeki sayfayı kapatıp Plan görünümüne geri dönün. Tüm sayfa minik resimleri, kalıp sayfaya eklenen içeriği içerecek şekilde güncellenir.

Sitenizin site haritasını zaten oluşturmuş olduğunuzu varsayarsak Adobe Muse'da Plan Görünümüne gidin. Bu prosedür için Ev, Portföy, Hikayem, İletişim ve Ürünler sayfalarını içeren bir site haritanız olduğunu varsayalım.

Ana sayfaya gidip bir Menü widget'ını sürüklerseniz tüm sayfaların menünün bir parçası olarak dahil edildiğini görürsünüz.

Belirli bir sayfayı dışarıda bırakmak için Plan Görünümünde dışarıda bırakmak istediğiniz sayfayı sağ tıklatın. Menü Seçenekleri > Sayfaları Menülerin Dışında Bırak'ı tıklatın.

Örneğin, Ürünler sayfasını dışarıda bırakmak istiyorsanız Ürünler'i sağ tıklatın. Ardından Menü Seçenekleri > Sayfaları Menülerin Dışında Bırak'ı tıklatın.

Şimdi menünüzü görüntülemek için Ana sayfaya geri döndüğünüzde Ürünlerin Menü widget'ından kaldırıldığını görebilirsiniz.

Bir menü öğesinin bağlantı olmadan görüntülenmesini istediğiniz durumlarda Plan Görünümünde belirli bir sayfaya sağ tıklatın. Menü Seçenekleri > Sayfayı Köprü Olmadan Dahil Et'i seçin.

Bu seçenek, bir web sitesi oluştururken farklı kullanım durumlarına uygundur. Örneğin, site ziyaretçilerinin ana Ürün etiketini değil, yalnızca ürün kategorilerini tıklatmasını istediğiniz bir Rollover Ürünler sayfanız varsa bu seçeneği kullanabilirsiniz.