Multiple color codes combo...in Header?

Discussion in 'HTML & Website Design' started by tptnyc, Aug 23, 2007.

  1. #1
    How to get multiple color codes together as background in a Header?

    <tr>
    <td width="770" height="22" body bgcolor="#F6AD8A,#CCCCCC,#FFDD6C,#CCCCDA></td>
    </tr>
     
    tptnyc, Aug 23, 2007 IP
  2. B4nks

    B4nks Peon

    Messages:
    42
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I don't think that's too possible, unless you specify where you want each colour. This can be done using CSS:

     
    B4nks, Aug 23, 2007 IP
  3. webdevconcepts

    webdevconcepts Peon

    Messages:
    15
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Gradients are one of the top design features of "Web 2.0" sites and since I see gradients on many newer sites I'll have to agree. Gradients are often used as the background for buttons, header images, and other graphics.

    Download this action script: http://www.richinternet.de/blog/index.cfm?mode=month&month=11&year=2006

    To use the SimpleGradientBorder class, you include the following in your style declaration:
    <mx:Style>
    .panel1filled
    {
    border-style: solid;
    border-thickness: 0;
    border-skin: ClassReference("border.SimpleGradientBorder");
    fill-colors: #000099, #0099FF;
    corner-radius: 30;
    drop-shadow-enabled: false;
    color:#ffffff;
    font-size:12;
    font-weight:bold;
    }
    </mx:Style>

    The value for the border-skin attribute is the ActionScript class SimpleGradientBorder. You must also set the border-style to solid and provide two values for the fill-colors. The first value will be used at the top of the container and the second color value will be used at the bottom of the container and then the SimpleGradientBorder class will create a gradient fill between the two colors.

    Hope this helps.
     
    webdevconcepts, Aug 23, 2007 IP