Gradient Background - For Adobe Muse CC

Gradient Backgrounds for your Adobe Muse Website


Welcome to the Gradient Background Widget by Muse For You

Muse For You - Gradient Background Widget - Adobe Muse CC

Muse For You - Gradient Background Widget - Widget Options - Adobe Muse CC

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.

Muse For You - Gradient Background Widget - Widget Options - Adobe Muse CC

2. Change the Graphic Style Name to: html.

Muse For You - Gradient Background Widget - Widget Optoins - Adobe Muse CC

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

Muse For You - Gradient Background Widget - Widget Optoins - Adobe Muse CC

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

Muse For You - Gradient Background Widget - Widget Options - Adobe Muse CC

Muse For You - Gradient Background Widget - Widget Options - Adobe Muse CC

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

Muse For You - Gradient Background Widget - Widget Optoins - Adobe Muse CC

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

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

Muse For You - Gradient Background Widget - Widget Options - Adobe Muse CC

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."

Muse For You - Gradient Background Widget - Widget Options - Adobe Muse CC

 

Muse For You - Gradient Background Widget - Widget Options - Adobe Muse CC

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.

Muse For You - Gradient Background Widget - Widget Options - Adobe Muse CC

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

Muse For You - Gradient Background Widget - Widget Options - Adobe Muse CC

Muse For You - Gradient Background Widget - Widget Options - Adobe Muse CC

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

Muse For You - Gradient Background Widget - Widget Options - Adobe Muse CC

Note: 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.


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.