View Full Version : Customized borders on avatars
MagicThemeParks
04-25-2011, 01:10 PM
So, I've added a border on our avatars at United States History Forum (http://www.unitedstateshistoryforum.com) (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/decorative-gallery/5b_gallery-gold-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 1304204608 at 1304204608 ---------------
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.com/showthread.php?t=21)
So, where in the following code do I add the image?
<if condition="$show['avatar']">
<div class="smallfont">
<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
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.