PDA

View Full Version : Shadow Gradient


Nintendo-Daily
05-30-2009, 03:30 AM
Can someone please tell me what I need to do in order to create a shadow-like border on the edges of the table as shown below?

This would be a HUGE help :)

https://vborg.vbsupport.ru/external/2009/05/5.png

Dismounted
05-30-2009, 11:25 AM
It's just a repeating background image.

Nintendo-Daily
05-30-2009, 01:54 PM
It's just a repeating background image.

That's great...would you care to show me exactly how to do this because I have no idea, obviously?

UKBusinessLive
05-30-2009, 04:27 PM
That's great...would you care to show me exactly how to do this because I have no idea, obviously?

You need to create a Gradient tile and save it to your styles or images folder

Then go to..

Admin CP > Styles & Templates > Style Manager > Main CSS (in the menu) > Body[/B]

Use the code below in the Background field:


#222222 url(path/to/image.gif) ?


Replace ? with one of the options below

no-repeat top right;
no-repeat top left;
repeat-x;
repeat-y;
repeat;

X = across the page and Y = Downwards so if your gradient tile is light to dark from left to right then you would assign the "repeat-y;" attribute.


You can make gradient tiles in photoshop or gimp or even paint.net (last 2 are FREE!)
;)

Nintendo-Daily
05-30-2009, 05:18 PM
Thanks, UKBusinessLive :) I'll definitely give that a try.