Circle Avatar

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 : 195
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 : 195
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 : 195
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 : 2161
Reputation : 274
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 : 736
Reputation : 102
Language : Spanish & English
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 : 195
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 : 2161
Reputation : 274
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 : 43672
Reputation : 3104
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Back to top


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