View Full Version : How is this done ?
oo7ml
Nov 3rd 2007, 12:28 pm
How do you create the stretched faded out image effect on a site.
Please see http://www.eskerhills.ie/ for example
How is the grey image created on the top of the site that stretches across the whole width of the page
Divisive Cottonwood
Nov 3rd 2007, 12:49 pm
I don't see it :confused:
ajsa52
Nov 3rd 2007, 12:50 pm
You need an image (.gif or .jpg is fine) made with your favorite editor this way:
width: 1 pixel (or more)
height: You choose (800 is ok)
Fill that image with a gradient (foreground to background for example).
Use that image on your html. Example (CSS):
body { background: #FFFFFF url(./your_image_800.jpg) repeat-x; }
deathshadow
Nov 3rd 2007, 12:52 pm
they took this image:
http://www.eskerhills.ie/assets/bkg002.gif
and put it on their body in CSS thus:
body {
background:url(assets/bkg002.gif) top left repeat-x;
}
Which tiles that tiny stripe of an image across the top of the page.
vBulletin® v3.6.8, Copyright ©2000-2008, Jelsoft Enterprises Ltd.