View Full Version : Customized borders on avatars
25 Apr 2011, 14:10
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#
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.
30 Apr 2011, 13:12
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?
Code is only visible to licensed users, and only when logged into the forums.
Any assistance would be greatly appreciated :up:
13 May 2011, 14:27
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?
I do not have IE, so I can't help with that.
13 May 2011, 22:40
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 :)
15 May 2011, 16:56
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.6.12, Copyright ©2000-2013, Jelsoft Enterprises Ltd.