none
How to add gradient color in masthead RRS feed

  • Question

  • I'm new to Web Expressions, coming from Frontpage, so please bear with me.

    I'm trying to add a gradient color to a mast head at: www.dupageagents.org.

    Any help would be GREATLY appreciated.

    Thank you.
    • Moved by Lori DirksModerator Tuesday, February 9, 2010 9:17 PM move to appropriate forum (From:Expression Community Site Feedback)
    Tuesday, February 9, 2010 4:12 AM

Answers

  • Create your gradient in a graphics editor then take a thin slice the length of the image. Apply it as a background to your masthead set to repeat horizontally.

    Please use the full http address of your site and double space after it so that the link is clickable.  It makes helping much easier.
    MS MVP Expression Tutorials & Help http://by-expression.com
    Tuesday, February 9, 2010 10:58 PM
  • You would need to create an image in an image editor, and apply the 'gradient' to it and then save it as a JPEG file, and apply it as the background image (through CSS) to the header DIV element.


    Maybe these resources will assist:

    http://www.designdetector.com/2005/09/css-gradients-demo.php

    http://www.tizag.com/cssT/background.php

    The Google Search results:  (keywords: "CSS Gradient")

    http://www.google.com.au/search?q=CSS+gradient&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-GB:official&client=firefox-a
    Andrew M
    Tuesday, February 9, 2010 11:04 PM

All replies

  • Create your gradient in a graphics editor then take a thin slice the length of the image. Apply it as a background to your masthead set to repeat horizontally.

    Please use the full http address of your site and double space after it so that the link is clickable.  It makes helping much easier.
    MS MVP Expression Tutorials & Help http://by-expression.com
    Tuesday, February 9, 2010 10:58 PM
  • You would need to create an image in an image editor, and apply the 'gradient' to it and then save it as a JPEG file, and apply it as the background image (through CSS) to the header DIV element.


    Maybe these resources will assist:

    http://www.designdetector.com/2005/09/css-gradients-demo.php

    http://www.tizag.com/cssT/background.php

    The Google Search results:  (keywords: "CSS Gradient")

    http://www.google.com.au/search?q=CSS+gradient&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:en-GB:official&client=firefox-a
    Andrew M
    Tuesday, February 9, 2010 11:04 PM