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
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.