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.

Circles

View previous topic View next topic Go down

Solved Circles

Post by dad2paisley on September 16th 2015, 10:44 pm

I really love the circles her for the members pictures by the post. Is there a way to get that for my forum?


Last edited by dad2paisley on September 17th 2015, 7:14 pm; edited 2 times in total

dad2paisley
Forumember

Posts : 128
Reputation : 5
Language : english

http://meowsandpurrs.forumotion.com/

Back to top Go down

Solved Re: Circles

Post by Ange Tuteur on September 16th 2015, 10:52 pm

Hi @dad2paisley,

Add the following CSS to your stylesheet.
Display > Colors > CSS stylesheet
Code:
.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;
}

That should give you a similar effect if you're using phpbb3.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Circles

Post by dad2paisley on September 17th 2015, 6:01 pm


dad2paisley
Forumember

Posts : 128
Reputation : 5
Language : english

http://meowsandpurrs.forumotion.com/

Back to top Go down

Solved Re: Circles

Post by Ange Tuteur on September 17th 2015, 6:03 pm

Oh, that forum is version phpbb2. Use this CSS instead :
Code:
.post .poster-profile a 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: Circles

Post by dad2paisley on September 17th 2015, 6:20 pm

didn' t work avatar still square

dad2paisley
Forumember

Posts : 128
Reputation : 5
Language : english

http://meowsandpurrs.forumotion.com/

Back to top Go down

Solved Re: Circles

Post by Ange Tuteur on September 17th 2015, 6:23 pm

Weird it's showing for me. blackeye



Try refreshing the page, or clearing your browser cache.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Circles

Post by dad2paisley on September 17th 2015, 6:59 pm

Ok, cool. Can it also show on the main forum next to your post? I think it does that here where it shows last posts.

dad2paisley
Forumember

Posts : 128
Reputation : 5
Language : english

http://meowsandpurrs.forumotion.com/

Back to top Go down

Solved Re: Circles

Post by Ange Tuteur on September 17th 2015, 7:04 pm

First you need to enable the last post avatars. Go to Display > Structure and Hierarchy

Scroll to the bottom and you should see the option "Show avatars in the column Last posts", click "yes" for this and save.


Then add the following rule to your CSS stylesheet :
Code:
.lastpost-avatar img {
  background:#FFF;
  height:36px;
  width:36px;
  border-radius:100px;
  box-shadow:0 2px 3px rgba(0, 0, 0, 0.1), 0 -1px 1px rgba(0, 0, 0, 0.1);
  padding:2px;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Circles

Post by dad2paisley on September 17th 2015, 7:14 pm

thank you thank you.

dad2paisley
Forumember

Posts : 128
Reputation : 5
Language : english

http://meowsandpurrs.forumotion.com/

Back to top Go down

Solved Re: Circles

Post by Ange Tuteur on September 17th 2015, 7:22 pm

You're welcome ^^

Topic archived

If you have anymore questions feel free to open a new topic. Have a good day. Smile

Ange Tuteur
Forumaster

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

http://fmdesign.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