|
|
Posted by John Salerno on 10/15/16 11:39
Beauregard T. Shagnasty wrote:
> John Salerno wrote:
>
>> Beauregard T. Shagnasty wrote:
>>> John Salerno wrote:
>>>
>>>> Beauregard T. Shagnasty wrote:
>>>>> color. I use one here, but for vertical background.
>>>>> http://countryrode.com/
>>>> I'm not sure I see anything changing color there.
>>> It's vertical. Note the shade of the blue at the top of the page. Scroll
>>> down, it gets lighter.
>>> http://www.countryrode.com/images/bluebg.gif
>>> It's a 5x1200px image. I have the background color of the body set to
>>> match the lighter blue at the bottom so that when the content is longer
>>> than 1200px, the blue continues.
>>>
>>> body {
>>> background: url("../images/bluebg.gif") #66ccff repeat-x;
>>>
>>> You're expressing a desire for something similar, maybe 600px wide, and
>>> used horizontally, or at least that is how I interpreted your "like
>>> darkening" phrase above.
>> Yeah, I guess that's close. I was talking about having a horizontal bar
>> across the top that starts out dark and becomes lighter as you look to
>> the right, so I guess this can be applied that way somehow?
>
> Sure. You would need a gradient image of maybe 600px wide and 2px high.
> Since you only want it in a top banner, put it in a <div> of the proper
> height, and use similar CSS.
>
> #banner {
> background: url("images/bannerbg.gif") #yourcolor repeat-y;
> color: #fff; /* text color contrasts with background */
> text-align: right;
> }
>
> <div id="banner">
> Possibly some<br>
> text here
> </div>
>
But will that mean that my header would only be 600px wide? And if I
decide to go with an image instead of just changing the background color
of the header div, does that mean I'd have to settle for a less than
full-width header also?
Navigation:
[Reply to this message]
|