AvaAdoreSoma
02-26-2008, 05:19 PM
My basic question, as I can not find the answer anywhere online, is how do you get the faded effect for a background. Meaning...not so bright, but rather more of a real BACKGROUND...than really dark.
Click to See Complete Forum and Search --> : Needing help with neohtml
WebJoel
02-26-2008, 05:45 PM
You mean a 'gradient background', one that is darker (or lighter) at the top or bottom and 'gradiates' towards lighter (or darker) on the other end?
An image that is, let's say, 4 or 5px wide and 1000px tall (very small, maybe 3KB??) can be made to 'tile' to form a seamless gradient no matter the screen size. For our example we shall assume out test image to be medium-dark blue towards the top, fading into black towards the bottom over the 1000px height...
Something like this:
<body style="background:#000 url(images/gradient.jpg) repeat-x;">
What we'd have here, is a inline-CSS that places the color "#000" ("black") on the background, then the image "gradient.jpg" from a folder called "images" and then, tiles ("repeats") along the x-axis (which is horizontal).
If the image "gradient" is of the diminsions stated here 4 or 5px wide X 1000px tall), the effect is seamless and even if the document is 'taller' than the 1000px image, the 'background-color' will take-over and continue the image's effect (assuming that this image's gradient goes downwards towards "black"...
An image that is, let's say, 4 or 5px wide and 1000px tall (very small, maybe 3KB??) can be made to 'tile' to form a seamless gradient no matter the screen size. For our example we shall assume out test image to be medium-dark blue towards the top, fading into black towards the bottom over the 1000px height...
Something like this:
<body style="background:#000 url(images/gradient.jpg) repeat-x;">
What we'd have here, is a inline-CSS that places the color "#000" ("black") on the background, then the image "gradient.jpg" from a folder called "images" and then, tiles ("repeats") along the x-axis (which is horizontal).
If the image "gradient" is of the diminsions stated here 4 or 5px wide X 1000px tall), the effect is seamless and even if the document is 'taller' than the 1000px image, the 'background-color' will take-over and continue the image's effect (assuming that this image's gradient goes downwards towards "black"...
AvaAdoreSoma
02-26-2008, 06:58 PM
Here is the picture/background link http://www.neopets.com/gallery/index.phtml?view=all
I need it to be lighter, as in not so overwhelming that you can not even read the text...
I need it to be lighter, as in not so overwhelming that you can not even read the text...
AvaAdoreSoma
02-26-2008, 07:31 PM
Here is the picture/background link http://www.neopets.com/gallery/index.phtml?view=all
I need it to be lighter, as in not so overwhelming that you can not even read the text...
I need it to be lighter, as in not so overwhelming that you can not even read the text...
WebJoel
02-26-2008, 10:11 PM
Then the word you are seeking is "opacity". I won't bother writing up an example and have it still not be what you want, so I'll just let you decide:
http://www.mandarindesign.com/opacity.html
:)
http://www.mandarindesign.com/opacity.html
:)
AvaAdoreSoma
02-26-2008, 10:42 PM
That is exactly what I meant, thank you for your assistance I truly appreciate it.
So am I supposed to find out how to do it through that site? Being an amature at the whole thing I have not even begun to make my own coding yet...I merely alter other people's with my images, giving them credit for their coding. However, I am kinda trying to self teach myself how to code through this process. Again, very much appreciative for your help.
So am I supposed to find out how to do it through that site? Being an amature at the whole thing I have not even begun to make my own coding yet...I merely alter other people's with my images, giving them credit for their coding. However, I am kinda trying to self teach myself how to code through this process. Again, very much appreciative for your help.
webdeveloper.com
Copyright Internet.com Inc., All Rights Reserved.
Copyright Internet.com Inc., All Rights Reserved.