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 Avatar

View previous topic View next topic Go down

Solved Circle Avatar

Post by Babybok on November 7th 2016, 2:53 pm

Hello forumotions, I've search in this forum the circle avatar code and saw this one :

Code:

.lastpost-avatar img {
    -moz-border-radius: 50%;;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 38px;
    width: 38px;
}

And

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;
}

But that doesn't change the avatars in my forum, so I've decided to search again and still I haven't saw any solution with my problem. Anyone could help me? My forum version is phbb2
Forum link: http://www.rl-rp.boad.st




Last edited by Babybok on November 7th 2016, 7:26 pm; edited 1 time in total
avatar
Babybok
Forumember

Male Posts : 188
Reputation : 2
Language : Filipino, English
Location : Philippines

http://rl-rp.board.st

Back to top Go down

Solved Re: Circle Avatar

Post by Babybok on November 7th 2016, 4:37 pm

Yes, Indeed @ChanelW I have already the code but it didn't worked in my forum
avatar
Babybok
Forumember

Male Posts : 188
Reputation : 2
Language : Filipino, English
Location : Philippines

http://rl-rp.board.st

Back to top Go down

Solved Re: Circle Avatar

Post by Babybok on November 7th 2016, 5:25 pm

I just saw the code from another topic and provided by @Ange Tuteur
avatar
Babybok
Forumember

Male Posts : 188
Reputation : 2
Language : Filipino, English
Location : Philippines

http://rl-rp.board.st

Back to top Go down

Solved Re: Circle Avatar

Post by Draxion on November 7th 2016, 7:06 pm

Hello, add this into your CSS.

Code:
.ava img {
  border-radius: 100px;
}


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1546
Reputation : 200
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Circle Avatar

Post by YoshiGM on November 7th 2016, 7:07 pm

Hello and Good afternoon,
Try using this CSS:

Code:
 div.post .postprofile dt img{
background: #FFF;
    border-radius: 100px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
    display: inline-block;
    height: 100px;
    margin: 10px 0;
    overflow: hidden;
    padding: 3px;
    width: 100px;
}



avatar
YoshiGM
Forumember

Male Posts : 592
Reputation : 88
Language : Spanish (Native), English & Italian (16%)
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Solved Re: Circle Avatar

Post by Babybok on November 7th 2016, 7:16 pm

@Draxion wrote:Hello, add this into your CSS.

Code:
.ava img {
 border-radius: 100px;
}
This works perfectly thanks thanks @Draxion

@YoshiGM wrote:Hello and Good afternoon,
Try using this CSS:

Code:
 div.post .postprofile dt img{
background: #FFF;
  border-radius: 100px;
  box-shadow: 0 2px 3px rgba(0,0,0,0.3), 0 -1px 1px rgba(0,0,0,0.3);
  display: inline-block;
  height: 100px;
  margin: 10px 0;
  overflow: hidden;
  padding: 3px;
  width: 100px;
}



Hello @YoshiGM this doesn't work for me. But thanks for the help mate..
avatar
Babybok
Forumember

Male Posts : 188
Reputation : 2
Language : Filipino, English
Location : Philippines

http://rl-rp.board.st

Back to top Go down

Solved Re: Circle Avatar

Post by Draxion on November 7th 2016, 8:15 pm

You're welcome, glad it worked.

Have a good day!


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1546
Reputation : 200
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

Solved Re: Circle Avatar

Post by SLGray on November 7th 2016, 8:29 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules


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

avatar
SLGray
Administrator
Administrator

Male Posts : 39690
Reputation : 2678
Language : English
Location : United States

https://fmthemes.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