The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Circle Avatars

View previous topic View next topic Go down

Solved Circle Avatars

Post by The Awakened on January 24th 2016, 8:13 pm

Hello. I was browsing through search and couldn't find the code for circle avatars for an invision site. Could someone give me the code and or link me to the page if there is one? Thanks

The Awakened
Forumember

Posts : 102
Reputation : 9
Language : English, Spanish, and French

http://www.fairytailhaven.forumotion.com

Back to top Go down

Solved Re: Circle Avatars

Post by Ange Tuteur on January 24th 2016, 8:23 pm

Hi @The Awakened,

This CSS rule should work for invision :
Code:
.post .post-container .postprofile dt img {
  background:#FFF;
  height:100px;
  width:100px;
  border-radius:100px;
  box-shadow:0 2px 3px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.1);
  padding:3px;
}

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Circle Avatars

Post by The Awakened on January 24th 2016, 8:32 pm

hm.. not working at all. the avatar is still in rectangle format

The Awakened
Forumember

Posts : 102
Reputation : 9
Language : English, Spanish, and French

http://www.fairytailhaven.forumotion.com

Back to top Go down

Solved Re: Circle Avatars

Post by Ange Tuteur on January 24th 2016, 8:36 pm

What's the URL of your forum ?

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Circle Avatars

Post by The Awakened on January 24th 2016, 8:38 pm

Currently helping out a friend, but this is the URL: http://superfantasy.forumotion.com/

The Awakened
Forumember

Posts : 102
Reputation : 9
Language : English, Spanish, and French

http://www.fairytailhaven.forumotion.com

Back to top Go down

Solved Re: Circle Avatars

Post by Ange Tuteur on January 24th 2016, 8:43 pm

The avatar appears to be a circle to me. Try reloading the page with F5 or clearing the browser cache. Think

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Circle Avatars

Post by The Awakened on January 24th 2016, 8:45 pm

that's weird.. and thanks! also, how am i able to add the images next to posts? As when someone posts, the profile picture shows up besides their username?

The Awakened
Forumember

Posts : 102
Reputation : 9
Language : English, Spanish, and French

http://www.fairytailhaven.forumotion.com

Back to top Go down

Solved Re: Circle Avatars

Post by Ange Tuteur on January 24th 2016, 8:51 pm

Oh, for the last posts ? Go to Admin Panel > Display > Structure and hierarchy and find the following option :
Show avatars in the column "Last posts"

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Circle Avatars

Post by The Awakened on January 24th 2016, 9:22 pm

Thanks! Also, just saw the circle avatars when they post, but is there a way to keep them in everything? As in, can they be circular in the profile and 'latest topic' art as well?

The Awakened
Forumember

Posts : 102
Reputation : 9
Language : English, Spanish, and French

http://www.fairytailhaven.forumotion.com

Back to top Go down

Solved Re: Circle Avatars

Post by SLGray on January 24th 2016, 9:35 pm



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Circle Avatars

Post by The Awakened on January 24th 2016, 10:07 pm

Fairy Tail Online is my forum, yes. But I'm helping out a friend with it so the coding will go to their site. The site in question is: www.superfantasy.forumotion.com

The Awakened
Forumember

Posts : 102
Reputation : 9
Language : English, Spanish, and French

http://www.fairytailhaven.forumotion.com

Back to top Go down

Solved Re: Circle Avatars

Post by SLGray on January 24th 2016, 10:13 pm

CSS:
Code:
.lastpost-avatar img {
    border-radius: 5px;
    height: 38px;
    width: 38px;
}
Increase the border-radius number.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Circle Avatars

Post by The Awakened on January 25th 2016, 4:15 am

added it in, but the pictures are still squared. Am I able to round it out?

The Awakened
Forumember

Posts : 102
Reputation : 9
Language : English, Spanish, and French

http://www.fairytailhaven.forumotion.com

Back to top Go down

Solved Re: Circle Avatars

Post by SLGray on January 25th 2016, 6:08 am

Did you increase the border-radius from 5px to 20px?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Circle Avatars

Post by The Awakened on January 25th 2016, 6:24 am

That's perfect! thanks! and to conclude, so sorry that this is long, but how am i able to put the username underneath the avatar? much like FM has centered theirs?

The Awakened
Forumember

Posts : 102
Reputation : 9
Language : English, Spanish, and French

http://www.fairytailhaven.forumotion.com

Back to top Go down

Solved Re: Circle Avatars

Post by SLGray on January 25th 2016, 6:26 am

Since that is not related to avatars, please start a new topic.

Is this topic solved now?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Circle Avatars

Post by The Awakened on January 25th 2016, 6:29 am

sure. thanks ^^

The Awakened
Forumember

Posts : 102
Reputation : 9
Language : English, Spanish, and French

http://www.fairytailhaven.forumotion.com

Back to top Go down

Solved Re: Circle Avatars

Post by SLGray on January 25th 2016, 6:32 am

You're welcome.

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum