PDA

View Full Version : How to add a shadow


theparentpack
10-22-2010, 07:07 PM
I am curious...does anyone know how I can add a shadow around my forum much like the shadow shown here?

BirdOPrey5
10-23-2010, 12:07 PM
My guess is with the css shadow attribute... check it out here:
http://robertnyman.com/2010/03/16/drop-shadow-with-css-for-all-web-browsers/

theparentpack
10-29-2010, 06:41 AM
Ok, I am fairly green regarding coding. I can hold my own with instruction so here goes... Where would I place the coding mentioned? Thanks for taking the time to assist me.

BirdOPrey5
10-29-2010, 12:52 PM
In Style Manager -> All Style Options there is a box near the bottom "Additional CSS" or something like that... add this code:


.page {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
}


page is the element name you want to put the shadow around... the original link explains the numbers, play with the numbers to get the effect you want.

theparentpack
10-30-2010, 10:25 PM
Got it thanks!

dano9258
03-10-2012, 05:56 PM
This didn't work when I added it. Nothing changed.

BirdOPrey5
03-10-2012, 06:24 PM
The code above was for VB 3.x.

For VB 4.x add this code to the additional.css template:

.body_wrapper {
-moz-box-shadow: 4px 4px 5px #c0c0c0;
-webkit-box-shadow: 4px 4px 5px #c0c0c0;
box-shadow: 4px 4px 5px #c0c0c0;
}

pathum
04-21-2012, 02:53 AM
Are we sure that this gonna work also with vb 4.1.12 ??

BirdOPrey5
04-21-2012, 10:04 AM
One way to find out.

svyrydov
07-16-2012, 03:36 PM
The code above was for VB 3.x.

For VB 4.x add this code to the additional.css template:

.body_wrapper {
-moz-box-shadow: 4px 4px 5px #c0c0c0;
-webkit-box-shadow: 4px 4px 5px #c0c0c0;
box-shadow: 4px 4px 5px #c0c0c0;
}

this code is not working with me. 4.2.0 :(

Mr_Running
07-16-2012, 04:35 PM
It continues to work for me. Maybe change the color.
May need to delete browser history and vb Clear System Cache before you see it. :)

svyrydov
07-16-2012, 06:18 PM
It continues to work for me. Maybe change the color.
May need to delete browser history and vb Clear System Cache before you see it. :)

color changed, and cache cleared, but still nothing...

BirdOPrey5
07-16-2012, 09:45 PM
If you have a custom style- all bets are off- no way of knowing how it was written.

Virus81
09-09-2012, 01:34 PM
this code working with me. 4.2.0