I am trying to customize Vanilla Forum. I am trying to achieve a similar effect to what Google uses for their profile pictures. (Just like what is on the top-right of Google pages.)

round profile picture

I have seen this effect before in several discussion pages. I suspect it is a script that crops and adds effects (like shadow), then uploads the avatar into place.


You can achieve this effect with CSS (which is what Google are doing) without changing the image file itself. See: http://bavotasan.com/2011/circular-images-with-css3/

This will work in most browsers, but not IE8 or older. See: http://caniuse.com/border-radius

  • I can't upvote your answer but I can say thank you. – r004 Feb 16 '14 at 12:23

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.