Gradient Background - For Adobe Muse CC

Gradient Backgrounds for your Adobe Muse Website

• created: 04/04/2016
• latest update: 04/08/2016
• by: John Ramos - Muse For You
• email: john@museforyoushop.com

Welcome to the Gradient Background Widget by Muse For You

Graphic Style Name - The graphic style name to be applied to the element you would like to apply the gradient to. To apply to the entire browser fill enter in "html" for the graphic style name.

Gradient - The gradient code copied from the "Drag Gradients Website." Click on the "Drag Gradients Website," button in the widget to be brought to the website. The documentation below goes through the steps of copying and pasting the code from the Drag Gradients website.

Note: Simply copy and paste the widget to apply to multiple elements. Change the graphic style name in the widget to match the element.

Here are the steps to add a gradient background to your browser fill.

1. Drag and drop the widget onto your Adobe Muse website.

2. Change the Graphic Style Name to: html.

3. Click on "Drag Gradients Website" at the bottom to create a gradient, or select a preset gradient from Drag Gradients.

4. Copy and paste the gradient code by clicking on the icon in the upper left hand corner of the Drag Gradients website.

5. Paste the code in the gradient section of the widget options.

Here are the steps to add a gradient background to individual elements.

1. Drag and drop the widget onto your Adobe Muse website.

2. Create an element and apply the graphic style name that is in the widget to the element. In this case it would be "gradient1."

2. Click on "Drag Gradients Website" at the bottom of the widget options to create a gradient, or select a preset gradient from Drag Gradients.

4. Copy and paste the gradient code by clicking on the icon in the upper left hand corner of the Drag Gradients website.

5. Paste the code in the gradient section of the widget options.

Note: Simply copy and paste the widget to apply to multiple elements. Change the graphic style name in the widget to match the element.

• Create or select from preset gradients at the Drag Gradients website.

• Simply copy and paste the widget to apply to multiple elements. Change the graphic style name in the widget to match the element.

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

• Drag Gradients website by Lionel elrumordelaluz: http://elrumordelaluz.github.io/draGGradients

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