Elastic Sidebar Menu - For Adobe Muse CC

Elastic Sidebar Menu for your Adobe Muse Website


Welcome to the Elastic Sidebar Menu Widget by Muse For You

Muse For You - Elastic Sidebar Menu Widget - Adobe Muse CC

The trigger is the icon the user clicks on to open the menu.

Muse For You - Elastic Sidebar Menu - Widget Options - Adobe Muse CC

Trigger Color - Set the color of the trigger icon.

Line Color -  Set the color of the elastic line in the menu.

Line Width (px) - Set the width of the elastic line in the menu. Width is in pixels.

Menu Icon Color - Set the color of the icons in the menu.

Menu Icon Hover Color - Set the hover color of the icons in the menu.

Menu Icon Size (em) -  Set the size of the menu icons. Size is in em.

Menu Text Color - Set the color of the text in the menu.

Menu Text Hover Color - Set the hover color of the text in the menu.

Menu Font Size (em) -  Set the size of the text in the menu. Size is in em.

Text Spacing from Icon (px) -  Set the spacing between the icon and the text in the menu. Text spacing is in pixels.

 

Note:

-You can use the em font size in combination with the built-in Adobe Muse text option to change the text size. If you change the text size in Adobe Muse the icon and the text will change as well. 1 em is roughly 16 pixels.

 

 

You can add up to 12 menu items each with its own icon and link.

Muse For You - Elastic Sidebar Menu Widget - Widget Options - Adobe Muse CC

Select Amout of Menu Items - Choose from 1-12 menu items for your menu.

Menu Item Icon -  Choose from over 600 Font Awesome Icons for your menu item icon.

Menu Item Text - Set the text for your menu item.

Menu Item Link -  Set the link for your menu item. Can link to an anchor point, internal page, or external page.

 

Note: To remove the underline from the menu items go to "Hyperlinks" section in the upper toolbar. Then go to "Edit Hyperlinks" and uncheck the underline option from the link styling.

 

Linking Menu Items:

Anchor Point Example - #anchor

Type in # and then the name of the anchor.

Internal Page Example - ./index.html

Type in ./ then the name of the page. Enter the page name in all lower case with no spaces. If there is a space in the page name enter in a dash (-) for the space. The home page is always going to be ./index.html.

External Page Example - http://museforyoushop.com

For external pages simply enter in the url of the external page.

The trigger is the icon the user clicks on to open the menu.

Muse For You - Elastic Sidebar Menu - Widget Options - Adobe Muse CC

Trigger Color - Set the color of the trigger icon.

Line Color -  Set the color of the elastic line in the menu.

Line Width (px) - Set the width of the elastic line in the menu. Width is in pixels.

Menu Text Color - Set the color of the text in the menu.

Menu Text Hover Color - Set the hover color of the text in the menu.

Menu Font Size (em) -  Set the size of the menu text. Size is in em.

 

Note:

-You can use the em font size in combination with the built-in Adobe Muse text option to change the text size. If you change the text size in Adobe Muse the icon and the text will change as well. 1 em is roughly 16 pixels.

 

Muse For You - Elastic Sidebar Menu - Widget Options - Adobe Muse CC

Image Width (px) - Set the width of the images in the menu. To have a perfect square or circle make sure the image is a square before you place it in the menu. Width is in pixels.

Text Spacing from Image (px) -  Set the spacing between the text and the image in the menu. Text spacing is in pixels.

Image Border Color -  Set the border color for the images in the menu.

Image Border Size (px) - Set the border size for the images in the menu. Border size is in pixels.

Image Border Type -  Set the border type for the images in the menu. Choose from 8 different border styles.

Image Border Radius (px) -  Set a border radius for the images. This will allow you to have circles for the images. Radius size is in pixels.

 

Note:

-To have no border around the images set the border to none or enter 0 for the border size.

You can add up to 12 menu items each with its own image and link.

Muse For You - Elastic Sidebar Menu Widget - Widget Options - Adobe Muse CC

Select Amout of Menu Items - Choose from 1-12 menu items for your menu.

Menu Image - Select an image for your menu item.

Menu Item Text - Set the text for your menu item.

Menu Item Link -  Set the link for your menu item. Can link to an anchor point, internal page, or external page.

 

Note: To remove the underline from the menu items go to "Hyperlinks" section in the upper toolbar. Then go to "Edit Hyperlinks" and uncheck the underline option from the link styling.

 

Linking Menu Items:

Anchor Point Example - #anchor

Type in # and then the name of the anchor.

Internal Page Example - ./index.html

Type in ./ then the name of the page. Enter the page name in all lower case with no spaces. If there is a space in the page name enter in a dash (-) for the space. The home page is always going to be ./index.html.

External Page Example - http://museforyoushop.com

For external pages simply enter in the url of the external page.

Set custom anchor point scrolling for the menu.

Muse For You - Elastic Sidebar Menu Widget - Widget Options - Adobe Muse CC

Scroll To Speed (ms) - Set the speed of the anchor point scrolling. Measurement is in milleseconds. 1 second = 1000 milliseconds.

Scroll To Offset from Anchor (px) -  Set an offset before or after the anchor point. This will allow you to easily adjust the anchor point scrolling if you didn't place the anchor points at the exact location when you first placed them. Measurement is in pixels.

Offset Before or After Anchor - Set the offset amount to be applied before or after the anchor point.

Scroll To Easing -  Choose from 32 different easing options for your scroll to easing. Visit http://easings.net/ for examples of the different easing options and how they move.

 

Note: If you are using both Adobe Muse built-in anchor point scrolling and the Elastic Drop-down menu anchor point scrolling you will have to set the "Scroll To Speed" to 1000 or more so that the widget scrolling does not interfere with the anchor point scrolling of Adobe Muse.

I've used the following images, icons or other files as listed.


Once again, thank you so much for purchasing this widget. I'd be glad to help you if you have any questions relating to this widget. If you have a more general question relating to this widget, you might consider visiting the forums and asking your question in the "Item Discussion" section.

-John Ramos

Muse For You

Coming Soon.