Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 Design and Graphics Discussions
  #1  
Old 04-25-2011, 01:10 PM
MagicThemeParks's Avatar
MagicThemeParks MagicThemeParks is offline
 
Join Date: Sep 2009
Posts: 850
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Customized borders on avatars

So, I've added a border on our avatars at United States History Forum (see attachment), but I figured that a nice 'gold frame' image would look better/classier for the theme of the site.

Since all avatars will be provided by me and be 200x200 in size, there shouldn't be an issue where one would look out of place or anything. So, I could potentially use a static image to do it.

Can someone help with some tips on getting the image to become the border for the avatars?

Gold frame example: http://www.webdesignerwall.com/demo/...ld-frame.html#
Attached Images
File Type: jpg Avatar_Border.jpg (27.1 KB, 0 views)
Reply With Quote
  #2  
Old 04-25-2011, 04:23 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I supposed you could create a frame image and put it in a div (as a background image) and then put the avatar div inside of that.
Reply With Quote
  #3  
Old 04-30-2011, 12:12 PM
MagicThemeParks's Avatar
MagicThemeParks MagicThemeParks is offline
 
Join Date: Sep 2009
Posts: 850
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Good point Lynne!

Unfortunately, I don't have the Photoshop abilities

Can anyone help in creating an image with the 'frame' from the link I provided in the first post and with a transparent 200x200 piece in the middle to display the avatars?

--------------- Added [DATE]1304204608[/DATE] at [TIME]1304204608[/TIME] ---------------

Okay, we got someone to help us out and now I have the frame border that I wanted!

Now, I just need some help in placing it correctly into the Postbit Legacy template.

I have a small border on my avatars now (see sample post here: http://www.unitedstateshistoryforum....hread.php?t=21)

So, where in the following code do I add the image?

Code:
<if condition="$show['avatar']">
                <div class="smallfont">
                    &nbsp;<br /><table align="center" cellpadding="10" cellspacing="0" style="border: 1px solid #d6e7ea; background: #fff;">
                <tr>
                  <td valign="top"><div><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></div></td></tr></table>
                </div>
            </if>
Any assistance would be greatly appreciated :up:
Reply With Quote
  #4  
Old 05-13-2011, 01:27 PM
MagicThemeParks's Avatar
MagicThemeParks MagicThemeParks is offline
 
Join Date: Sep 2009
Posts: 850
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

So, I've got the CSS done and the URL placed (almost) where I want it. But, it seems as if IE is not displaying the 'frame' correctly.

Is there some sort of code or conditional or something that I have to add to my CSS for it to display correctly in Internet Explorer?
Reply With Quote
  #5  
Old 05-13-2011, 05:08 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I do not have IE, so I can't help with that.
Reply With Quote
  #6  
Old 05-13-2011, 09:40 PM
MagicThemeParks's Avatar
MagicThemeParks MagicThemeParks is offline
 
Join Date: Sep 2009
Posts: 850
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I don't use it either, just happened to notice it when pulling it up at work. The CSS is working on Google Chrome, Firefox and Safari, but not IE. Strange.

Hopefully someone can help me out
Reply With Quote
  #7  
Old 05-15-2011, 03:56 PM
bela-meaad bela-meaad is offline
 
Join Date: Jan 2005
Location: Saudi Arabia
Posts: 113
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

you have to design a golden frame where 200X200 avatar can fit into it
then use <div> code and use the frame as background with padding of the frame.

hope that will help
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 09:39 PM.


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.03960 seconds
  • Memory Usage 2,236KB
  • Queries Executed 14 (?)
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
  • (1)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (7)post_thanks_box
  • (7)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (7)post_thanks_postbit_info
  • (7)postbit
  • (1)postbit_attachment
  • (7)postbit_onlinestatus
  • (7)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_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete