Log in

No account? Create an account
03 January 2014 @ 12:07 pm
Two Default User Pic Looks  
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



You can also change the border-radius coding on both the ".defaultuserpic" & ".defaultuserpic img" to something like:

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.
southrnbygracesouthrnbygrace on January 4th, 2014 02:18 am (UTC)
Does this code go under the CSS for the theme we're using? If so, at the top or the bottom or does it matter? :)
Jill aka Jo: BBT: Awkward Datesireesanwar on January 5th, 2014 06:17 am (UTC)
Yes, it goes into the coding you are using for your layout.

I would say look for default layout coding ".defaultuserpic" and replace it with the new stuff.

If you don't have the .defaultuserpic coding in your layout I would add it to the sidebar section as that is where it is in the journal and it is often best to keep things layered as they come up in coding.

Does that make sense?
southrnbygrace: I like my men HOT! (Twilight)southrnbygrace on January 11th, 2014 04:54 pm (UTC)
Does it matter where in the sidebar CSS that I put it? Does it need to go above the .sbarbody or below it and above something else? I have no idea. Sorry for being a pest.
Jill aka Josireesanwar on January 12th, 2014 05:47 am (UTC)
No. I'd just put it in the sidebar section to keep things organize and easy to find.
sexycazzysexycazzy on January 15th, 2014 12:28 am (UTC)
I just wanted to say thank you for this! The 'leaf" icon goes well with the current layout I am using on my journal and finally the default userpic on my graphics community is now centered!

I am so glad that I found your community as it has been a great resource in helping me to get a bit more familiar with the CSS / html codes so thank you! :-D
Jill aka Jo: Stock: Hot Air Balloonssireesanwar on January 15th, 2014 12:57 am (UTC)
You are welcome.

Yes, I'm trying to remember to always center the default icon. I don't use it much so I often forget to code it in new layouts.

You are welcome! I'm so glad this comm is doing exactly what I hoped it would.
Britton Archerhadathought on April 22nd, 2014 06:27 pm (UTC)
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.

Image and video hosting by TinyPic

Edited at 2014-04-22 06:28 pm (UTC)
Britton Archerhadathought on April 22nd, 2014 06:31 pm (UTC)
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*
Jill aka Josireesanwar on May 8th, 2014 09:16 pm (UTC)
If you find out anything... let me know.
Jill aka Josireesanwar on May 8th, 2014 09:16 pm (UTC)
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.