Two Default User Pic Looks

[sireesanwar.livejournal.com]

Account Status: All
Actions: Customize your Default Userpic
Theme: Flexible Squares (maybe more)

Happy New Year! Here is a Userpic Customization.

The Goal:
Centering your Default Userpic or Making it rounded


Centering:
.defaultuserpic, .defaultuserpic image { text-align: center; padding: 10px; margin: 0 0 8px 0; }

Rounded:
.defaultuserpic { width: 100px; height: 100px; margin: 0px auto 10px auto; padding: 7px; background-color: #444444 !important; border: 1px solid #777777; -webkit-border-radius: 70px; -moz-border-radius: 70px; -ms-border-radius: 70px; -o-border-radius: 70px; border-radius: 70px; } .defaultuserpic img { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; }

You can also change the border-radius coding on both the ".defaultuserpic" & ".defaultuserpic img" to something like:
-webkit-border-radius: 5px 60px 5px 60px; -moz-border-radius: 5px 60px 5px 60px; -ms-border-radius: 5px 60px 5px 60px; -o-border-radius: 5px 60px 5px 60px; border-radius: 5px 60px 5px 60px;

Which will make it look like this:

If you reverse the numbers to 60px 5px 60px 5px you will have this "leaf" look going the opposite direction.

Questions? Please Comment.

Comments

[hadathought.livejournal.com]

I really hate to ask you this here, as this entry is a few months old and I don't want to bother you with questions like this. BUT I thought maybe you could help me. I am using the leaf shaped icons at my personal journal and I love them! But they look all wonky in Safari. I don't personally use Safari, but I do have it installed for layout purposes. Do you have any suggestions for fixing this? I posted to s2flexisquares, but so far no one has been able to give me a definitive answer.

(http://i60.tinypic.com/2qxssc6.png)

[hadathought.livejournal.com]

Oh... and I did try the overflow: hidden; code, but it hasn't changed. Then again, Safari tends to take a while to make changes, even after clearing the cache and resetting *shrug*

[sireesanwar.livejournal.com]

If you find out anything... let me know.

[sireesanwar.livejournal.com]

I'm stumped. I mean seriously. I've read up on this and tried everything to get it to work in Safari and it just won't. I'm as frustrated as you!

It could be that Safari doesn't support the coding that reshapes the image. I know friends in the past have had trouble with the user icon on Safari but she was always talking about my journal not her own journal's design.

See even this journal in Safari allows the entry to have the circle userpic but not the comments.