1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Need help with a quick image adjustment for an avatar border

Discussion in 'Off Topic' started by ArnyVee, Apr 26, 2011.

  1. ArnyVee

    ArnyVee Well-Known Member

    Hey guys and gals, I hope someone can help me on a quick request. I need to add a customized border around some avatars on a site that my daughter and I are building :D

    We have large avatars (200 x 200) that members can select from and I added a small border on them. But, we thought it would look nicer (and classier) if we used a 'frame' image as the border.

    So, since it is a United States History Forum, I figured that a gold-ish frame like this would work: http://www.webdesignerwall.com/demo/decorative-gallery/5b_gallery-gold-frame.html#

    Can someone create the image so that I can use it as a border with a transparent 200x200 space in it to display the avatar?
     
  2. iTuN3r

    iTuN3r Well-Known Member

    test.png

    Something Like this ?
     
  3. ArnyVee

    ArnyVee Well-Known Member

    Yes, something like that. Thanks!

    Can you use the actual frame from the pictures on that link?
     
  4. iTuN3r

    iTuN3r Well-Known Member

    I don't think so .
     
  5. ArnyVee

    ArnyVee Well-Known Member

    Is there someone that knows where I can get this done?
     
  6. iTuN3r

    iTuN3r Well-Known Member

    Are you looking for exactly same frames from the Link you posted above ?
     
  7. ArnyVee

    ArnyVee Well-Known Member

    Yes sir :)

    Since the avatars are mostly pictures of oil paintings, I wanted to give them a nice classy (museum-like) look. :D
     
  8. ArnyVee

    ArnyVee Well-Known Member

    Is this something that you'd be able to do iTuN3r? Anyone else that may be able to help?
     
  9. iTuN3r

    iTuN3r Well-Known Member

    I have some idea will give it try tonight and message you :p
     
  10. ArnyVee

    ArnyVee Well-Known Member

    Thank you so much! :D
     
  11. Xarcell

    Xarcell Well-Known Member

    Unless I'm misunderstanding you, instead of using that image posted above, you could achieve the same effect with just CSS and HTML. This isn't exact, but off the top of my head you could use something like this:

    Code:
    border: 8px ridge #DAA520;
     
  12. Kim

    Kim Well-Known Member

    You would need to seek permission to use that exact image Arny, or else if you have a photo that you have taken of a gold frame, or one that is copyright free, I am happy to reshape it for you into what you want.

    :)
     
  13. ToDie4

    ToDie4 Well-Known Member

    Vodkaholic and ArnyVee like this.
  14. Peggy

    Peggy Well-Known Member

    I think he needs it to be rectangular, width-wise.
     
  15. ToDie4

    ToDie4 Well-Known Member

    He's got avatar dimensions of 200 by 200 in the original post, I was going by that.
     
    ArnyVee likes this.
  16. ArnyVee

    ArnyVee Well-Known Member

    Yes, I was going 200x200 dimensions. Thanks for the suggestions folks and thanks for the image ToDie4! :D
     
  17. Wuebit

    Wuebit Well-Known Member

  18. ArnyVee

    ArnyVee Well-Known Member

    So, I just uploaded the frame pic and it looks perfect on Chrome, but missing something on IE. If you see the first attachment, you'll see that with 25px padding in the CSS it centered it perfectly. But the second attachment in IE, it seems to cut off a piece of the frame. Any suggestions on what I should do to ensure that it displays correctly on IE?
     

    Attached Files:

  19. Peggy

    Peggy Well-Known Member

    Oh, I'm sorry. You're right. I was looking at the frames he linked to. :oops:
     
  20. ToDie4

    ToDie4 Well-Known Member

    It'll be because you've used padding, IE is a demanding beast, better to locate css for thread display avatar and use text-align:center (or margin: 0 auto)in the css
    If you can link me to the page I can check it and tell you for sure. :)
     

Share This Page