Customized borders on avatars

[MagicThemeParks]

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]

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]

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?

<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]

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]

I do not have IE, so I can't help with that.

[MagicThemeParks]

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]

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