vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=168)
-   -   Customized borders on avatars (https://vborg.vbsupport.ru/showthread.php?t=262616)

MagicThemeParks 04-25-2011 01:10 PM
Customized borders on avatars
 
1 Attachment(s)
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#

Lynne 04-25-2011 04:23 PM
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.

MagicThemeParks 04-30-2011 12:12 PM
Good point Lynne! :D

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! :D

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:

MagicThemeParks 05-13-2011 01:27 PM
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?

Lynne 05-13-2011 05:08 PM
I do not have IE, so I can't help with that.

MagicThemeParks 05-13-2011 09:40 PM
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 :)

bela-meaad 05-15-2011 03:56 PM
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


All times are GMT. The time now is 06:25 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01303 seconds
  • Memory Usage 1,726KB
  • 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
  • (1)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (7)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