vb.org Archive - How to add a shadow

Page 1 of 2

Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB3 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=168)

- - How to add a shadow (https://vborg.vbsupport.ru/showthread.php?t=252450)

theparentpack

10-22-2010 07:07 PM

How to add a shadow

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/dr...-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:

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:

Code:

.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

Quote:

Originally Posted by BirdOPrey5 (Post 2308350)

The code above was for VB 3.x.

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

Code:

.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 :(

All times are GMT. The time now is 11:19 AM.

Page 1 of 2

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01142 seconds Memory Usage 1,729KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: