vb.org Archive - vBulletin CMS Widgets - Add drop shadow and shading to vBAdvanced modules like vBCMS widgets

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

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - vBulletin CMS Widgets - Add drop shadow and shading to vBAdvanced modules like vBCMS widgets (https://vborg.vbsupport.ru/showthread.php?t=246152)

benstillman

07-07-2010 10:00 PM

Add drop shadow and shading to vBAdvanced modules like vBCMS widgets

1 Attachment(s)

View the screenshots to see what it does. One is a before, the other is an after, aptly named.

Edit the CSS Template adv_portal.css

Change this:

Code:

.vba_module {

        border: {vb:stylevar threadbit_border};

        border-top: 1px solid {vb:stylevar body_background.backgroundColor};

}

To this:

Code:

.vba_module {

        border: {vb:stylevar threadbit_border};

        border-top: 1px solid {vb:stylevar body_background.backgroundColor};

        -moz-border-radius:{vb:stylevar border_radius};

        -webkit-border-radius: {vb:stylevar border_radius};

        -moz-box-shadow:-2px 2px 2px {vb:stylevar vbcms_widget_shadow_color};

}

Save. Enjoy. Screenshots attached.

TheLastSuperman

07-08-2010 06:02 PM

It doesn't work in Internet Explorer???

(I'm kidding :p)

benstillman

07-08-2010 06:13 PM

Quote:

Originally Posted by TheLastSuperman (Post 2066442)

It doesn't work in Internet Explorer???

(I'm kidding :p)

I just spit coffee out. Thanks for the laugh. LOL

TheLastSuperman

07-10-2010 02:30 AM

Quote:

Originally Posted by benstillman (Post 2066443)

I just spit coffee out. Thanks for the laugh. LOL

No problem - I still make my wife laugh so all is good in my world ;)

Disclaimer: TheLastSuperman is not responsible for damages to personal or business property resulting from actions taken when reading his comedic whit.

GONUMBER6

07-27-2010 03:40 AM

Thanks I tagged for install :)

benstillman

08-05-2010 05:44 PM

Still works after the 4.0.5 update.

Alfa1

08-05-2010 11:33 PM

Does this work on vb 3.8.5?

benstillman

10-13-2010 02:38 PM

Quote:

Originally Posted by Alfa1 (Post 2079837)

Does this work on vb 3.8.5?

I don't know. Try it?

too_cool_3

02-25-2012 09:07 PM

I tried this on vB 4.1.10 and vBa 4.2.0 but it doesn't do anything.

too_cool_3

02-27-2012 06:28 AM

Does anyone know how to make this work with vBa 4.2.0 on vB 4.1.10 ??

This is a good looking mod, just wish I could get it to work.

curriertech

02-27-2012 05:03 PM

There's no vbcms_widget_shadow_color stylevar in the 4.1.10 CMS Suite. Set it manually or add a stylevar for it, and remember this isn't going to work in IE.

too_cool_3

02-28-2012 09:35 PM

Good to know, thanks curriertech.

vBadvanced should include this by default to spruce up their look to match vB4.

curriertech

02-28-2012 09:58 PM

Quote:

Originally Posted by too_cool_3 (Post 2304417)

Good to know, thanks curriertech.

vBadvanced should include this by default to spruce up their look to match vB4.

I agree...vb4 has drop shadows on blocks by default (even in IE!) so it shouldn't be too hard to integrate it into vBa.

fookaa

07-26-2012 04:56 PM

Hi all,

Can anyone tell me how to use this code but adapt it so it works in FF14 ?

Works perfectly in FF12 but after that it stops working :(

zascok

08-04-2012 01:12 PM

Quote:

Originally Posted by fookaa (Post 2351634)

Hi all,

Can anyone tell me how to use this code but adapt it so it works in FF14 ?

Works perfectly in FF12 but after that it stops working :(

Try this for shadow

Code:

.vba_module {

        border: {vb:stylevar threadbit_border};

        -moz-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};

        -webkit-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};

        box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};

        

}

and to be more precise

change the blockhead as well

Code:

.blockhead

{

        

        -moz-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};

        -webkit-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};

         box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};

        

}

I'm not using roud corners but if someone wants to use

add this into blockhead

Code:

-moz-border-radius: 5;

Spangle

05-19-2013 08:00 PM

Quote:

Originally Posted by zascok (Post 2354358)

Try this for shadow

Code:

.vba_module {

        border: {vb:stylevar threadbit_border};

        -moz-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};

        -webkit-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};

        box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};

        

}

and to be more precise

change the blockhead as well

Code:

.blockhead

{

        

        -moz-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};

        -webkit-box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};

         box-shadow: -2px 2px 2px {vb:stylevar footer_moz_shadow_color};

        

}

I'm not using roud corners but if someone wants to use

add this into blockhead

Code:

-moz-border-radius: 5;

This works for 4.2.1 and FF15 if anyone is interested

ckgb	12-25-2013 11:47 PM

Screenshots look identical to me. Where should I look for difference?

All times are GMT. The time now is 06:15 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01164 seconds Memory Usage 1,754KB 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 (8)bbcode_code_printable (6)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (17)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 bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: