locked
Help with Horizontal Linear Gradient Background please.... RRS feed

  • Question

  • Hello:

    I have searched the forums and was unable to find one refering to my problem.  I am designing a horizontal linear gradient background for my website using Expressions Design.  I've created the background but since the gradient swatch I'm using has 3 different colors fading into white, the colors on each side aren't spaced in an equal manner.  How can I create the gradient and make each side match in equal ways.  I'm trying to explain this the best way I can. I'd post the swatch here so you can see it but I don't know how. Please let me know if there is a trick to doing this that I missed. 

    Thank you,

    KellyKW

     

    Monday, June 14, 2010 6:52 PM

All replies

  • Hi Kelly,

    You'll want to create the same color on each side of the gradient using the gradient bar. Use the gradient stops and the mid-point markers to space the colors. Normally your beginning and end stops are the same color and spaced half the distance of the other colors. There is no gradient feature that gives you specifically how far apart the stops are; you'll just have to guess. Does this answer your questions?

    If you know HTML you can add graphics here but there is no automatic way to so it. Mostly people just link to graphics on their blog, web site or whereever you store your graphics.


    Annie
    Monday, June 14, 2010 8:19 PM
    Moderator
  • This may help you see where the stops are

    Gradient Tools

    HTH

    Mike E


    "It's like déjà vu all over again." — Yogi Berra
    Monday, June 14, 2010 10:19 PM
  • Like Annie Ford said, "There is no gradient feature that gives you specifically how far apart the stops are."

    I would add that when you mouse over a gradient stop, the percent position where the stop lies on the gradient bar is displayed:

     To post pictures, press the "HTML" button in the text editor while typing a post. In the window box that opens, use this html tag wherever you want the image displayed:

    <img scr="LINK TO IMAGE GOES HERE" />

    -wolf


    An Expression Design amateur.
    • Proposed as answer by MrWolfgang Tuesday, June 15, 2010 3:29 PM
    Tuesday, June 15, 2010 12:18 AM
  • Like Annie Ford said, "There is no gradient feature that gives you specifically how far apart the stops are."

    I would add that when you mouse over a gradient stop, the percent position where the stop lies on the gradient bar is displayed:

     To post pictures, press the "HTML" button in the text editor while typing a post. In the window box that opens, use this html tag wherever you want the image displayed:

    <img scr="LINK TO IMAGE GOES HERE " />

    -wolf


    An Expression Design amateur.


    How did you get the exact 50%? That must be luck cause there is no field to type numbers - right?

     

     

     

    :

    Tuesday, June 15, 2010 9:41 AM
  • Thank you Annie, Mike, Wolf, and Thomas, the information you gave was very helpful!!!  I am curious to know like Thomas how you came to reach the 50% Wolf?  Just to be sure there is no field to type numbers right?  I didn't think so, but it would be helpful to know how you actually made it 50%.  Thank you all again for all of your help!

     

    Sincerely,

    KellyKW

    Tuesday, June 15, 2010 3:01 PM
  • Yes, no field to type the percent value -- I guess I just happened to get exactly 50%.

    -wolf


    An Expression Design amateur.
    Tuesday, June 15, 2010 3:30 PM
  • Thank you Wolf for replying so quickly, I will definately use this forum when I can't find the info I'm looking for again, this was GREAT, THANK YOU THANK YOU THANK YOU!!!

     

    Kelly

    Tuesday, June 15, 2010 3:32 PM