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.

Avatar design

View previous topic View next topic Go down

Solved Avatar design

Post by SkyGuide on October 22nd 2015, 4:55 pm

I wasn't sure whether to post this in a graphics topic or a general discussions, but I was wondering if anyone could help with an avatar design. I would like to make a graphics request next week on avatar designs.

As you can see on this forum, we have profile images in a perfectly round circle. So I was wondering how I could possibly do the same thing on my forum? I would like the forum to look neat and tidy, but right now the forum profile images are in different square shapes. Please help as this is important. Thanks guys!



Last edited by SkyGuide on October 22nd 2015, 10:47 pm; edited 1 time in total

SkyGuide
Forumember

Male Posts : 261
Reputation : 2
Language : english

http://oldschoolsociety.forumotion.org/

Back to top Go down

Solved Re: Avatar design

Post by Ange Tuteur on October 22nd 2015, 5:17 pm

Hi @SkyGuide,

Add the following rule to your stylesheet :
Display > Colors > CSS stylesheet
Code:
#main-content > .post .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 result of what we have here.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Avatar design

Post by SkyGuide on October 22nd 2015, 10:17 pm

Thank you. But where exactly in the CCS stylesheet do I insert the code? Because I've inserted the code and it works but in the wrong way. The code works but I may have inserted in the wrong place in the CCS stylesheet.

SkyGuide
Forumember

Male Posts : 261
Reputation : 2
Language : english

http://oldschoolsociety.forumotion.org/

Back to top Go down

Solved Re: Avatar design

Post by Ange Tuteur on October 22nd 2015, 10:25 pm

It can go anywhere in the stylesheet. Could you elaborate on the problem you're experiencing ? Smile

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Avatar design

Post by SkyGuide on October 22nd 2015, 10:34 pm

It changed the whole appearance of my forum. Where I have made a post or comment, yu can see that the border lines have disappeared.

SkyGuide
Forumember

Male Posts : 261
Reputation : 2
Language : english

http://oldschoolsociety.forumotion.org/

Back to top Go down

Solved Re: Avatar design

Post by Ange Tuteur on October 22nd 2015, 10:41 pm

What's the URL of your forum ? I'm assuming you're using a version other than phpbb3 ?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Avatar design

Post by SkyGuide on October 22nd 2015, 10:43 pm

Very strange. My forum is back to normal lol. My forum is PhpBB2.

SkyGuide
Forumember

Male Posts : 261
Reputation : 2
Language : english

http://oldschoolsociety.forumotion.org/

Back to top Go down

Solved Re: Avatar design

Post by Ange Tuteur on October 22nd 2015, 10:43 pm

Try this instead for phpbb2 :
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 : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Avatar design

Post by SkyGuide on October 22nd 2015, 10:46 pm

It works!! Very Happy Very Happy. Thank you so much! Topic completed.

SkyGuide
Forumember

Male Posts : 261
Reputation : 2
Language : english

http://oldschoolsociety.forumotion.org/

Back to top Go down

Solved Re: Avatar design

Post by Ange Tuteur on October 22nd 2015, 10:49 pm

You're welcome ^^

Topic archived

Have a good day. Smile

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
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