Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Jun 2002
    Posts
    13
    Thanks
    0
    Thanked 0 Times in 0 Posts

    background color fade?

    Is there a way to fade a background color to another? What I mean is like could the two colors be faded like gradient to each other? I like the gradient scheme, can it be done?

  • #2
    Regular Coder
    Join Date
    Jun 2002
    Location
    Montreal, Canada
    Posts
    644
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Why not just make a picture of a gradient that is only 1 pixel wide? Like what I have attached.
    Attached Thumbnails Attached Thumbnails background color fade?-grad.jpg  

  • #3
    Regular Coder
    Join Date
    May 2002
    Location
    Helsinki, Finland
    Posts
    231
    Thanks
    0
    Thanked 1 Time in 1 Post

    Internet Explorer

    Example of Gradient Filter for IE5.5+ (copy&paste URL):
    http://www24.brinkster.com/zvona/htmlexa.asp?article=03
    Zvona
    First Aid for
    Web Design

  • #4
    New Coder
    Join Date
    Jun 2002
    Location
    England
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Lightbulb

    Is there a possible way to add to that script Zvona ?

    I'm wondering whether you could add an extra colour to the blend that it moves "through".

    For instance starting from black, moving through white, then back to black.
    I know it can be done by making two seperate tables, which I've done, but placing text inside is more difficult.
    It would just make things easier... any idea ?

    Also, the gradient function... is there a way to make the blend move from a corner to the opposite corner instead of just top/bottom and left/right ?

    Many thanx...
    Last edited by Sp00kY; 06-27-2002 at 03:45 PM.
    `Sp00kY`

  • #5
    New Coder
    Join Date
    Aug 2003
    Location
    Singapore
    Posts
    94
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The CSS links and other links are broken

  • #6
    Senior Coder
    Join Date
    Oct 2003
    Location
    Australia
    Posts
    1,963
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Filter?
    Evil proprietry MADNESS!
    Avoid those horrid little buggers like the plague, they'll bite you on the *** later on when more people upgrade their browser.
    Go with the 1px jpg and use the following CSS
    Code:
    #element {
    background:#fff url(images/gradient.jpg) repeat-y;
    }

    I take no responsibility for the above nonsense.


    Left Justified

  • #7
    Senior Coder
    Join Date
    Aug 2002
    Location
    A 4D universe
    Posts
    1,337
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Living example of ^^:

    http://www.mudsplat.com

    Easiest way to go about it.
    http://www.mudsplat.com - Web design, print, and marketing solutions.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •