Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 Design and Graphics Discussions
  #1  
Old 02-23-2011, 09:01 PM
troykp troykp is offline
 
Join Date: Feb 2011
Posts: 15
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Drop shadow for username

Hi,

I'm looking to add a drop shadow to usernames, as shown here:



I'm guessing it's something I need to include in my additional CSS template (unless it's a stylevar I'm unaware of). Does anybody know what code it is?

Thanks
Reply With Quote
  #2  
Old 02-26-2011, 07:02 PM
creppello creppello is offline
 
Join Date: May 2009
Posts: 40
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Both actually, you need to add to your code, and to your stylesheet.

Add this to the section of css you want the shadow to appear with.....
PHP Code:
  <div class="shadow">
    <
div class="content">
      <
p>This is the div element that will have the shadow on itYou can also shadow images instead of a div with content in it.</p>
    </
div>
  </
div
Then add this to your stylesheet....
PHP Code:
.content, .shadow {
  
positionrelative;
  
bottom5px;
  
right5px;
}
.
shadow background-color#ccc; } 
I think that's right. The settings for bottom and right are the number of offset pixels for the shadow.
Reply With Quote
  #3  
Old 02-28-2011, 07:28 AM
troykp troykp is offline
 
Join Date: Feb 2011
Posts: 15
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thank you for the response creppello.

I added the first section of code to my postbit legacy, and the second part to my additional.css. I couldn't get it working though.

I also tried adding the first section to my postbit CSS, that didn't work either.

Am I adding it to the right templates?
Reply With Quote
  #4  
Old 02-28-2011, 02:42 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Please post a link to a page where we can see what you tried.
Reply With Quote
  #5  
Old 03-01-2011, 05:55 AM
troykp troykp is offline
 
Join Date: Feb 2011
Posts: 15
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

<a href="http://forums.wrestlingsmarks.com/showthread.php/1711-WrestlingSmarks-February-2011-Award-Winners?p=6478#post6478" target="_blank">Link</a>

I've used white so the forum doesn't look too ugly whilst the incorrect code. As you'll see, I'm definitely doing something wrong.
Reply With Quote
  #6  
Old 03-01-2011, 04:16 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Just now really looking at the CSS posted and I don't see how that would create a shadow effect. Unfortunately, shadowing is not something all browsers can do using the same CSS, so you need to add quite a bit of CSS to get that affect in all browsers. Lots of stuff comes up in google including this that seems pretty complete - http://www.workingwith.me.uk/article...r-drop-shadows
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 03:00 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.05053 seconds
  • Memory Usage 2,206KB
  • Queries Executed 13 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (2)bbcode_php
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (6)post_thanks_box
  • (6)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (6)post_thanks_postbit_info
  • (6)postbit
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete