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 Mon 7 Nov - 8:53

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 Mon 7 Nov - 13:26; edited 1 time in total
avatar
Babybok
Forumember

Male Posts : 136
Reputation : 0
Language : Filipino, English
Location : Philippines

http://rl-rp.board.st

Back to top Go down

Solved Re: Circle Avatar

Post by Babybok on Mon 7 Nov - 10:37

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

Male Posts : 136
Reputation : 0
Language : Filipino, English
Location : Philippines

http://rl-rp.board.st

Back to top Go down

Solved Re: Circle Avatar

Post by Babybok on Mon 7 Nov - 11:25

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

Male Posts : 136
Reputation : 0
Language : Filipino, English
Location : Philippines

http://rl-rp.board.st

Back to top Go down

Solved Re: Circle Avatar

Post by Draxion on Mon 7 Nov - 13:06

Hello, add this into your CSS.

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

Male Posts : 973
Reputation : 146
Language : English
Location : USA

http://dawnofthedragons.forumotion.com/

Back to top Go down

Solved Re: Circle Avatar

Post by YoshiGM on Mon 7 Nov - 13:07

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 : 559
Reputation : 84
Language : Spanish [Native], English [69%], Italian [16%]
Location : Support Area ~

http://asistencia.foroactivo.com/u21373

Back to top Go down

Solved Re: Circle Avatar

Post by Babybok on Mon 7 Nov - 13:16

@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 : 136
Reputation : 0
Language : Filipino, English
Location : Philippines

http://rl-rp.board.st

Back to top Go down

Solved Re: Circle Avatar

Post by Draxion on Mon 7 Nov - 14:15

You're welcome, glad it worked.

Have a good day!
avatar
Draxion
Helper
Helper

Male Posts : 973
Reputation : 146
Language : English
Location : USA

http://dawnofthedragons.forumotion.com/

Back to top Go down

Solved Re: Circle Avatar

Post by SLGray on Mon 7 Nov - 14:29

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 : 38226
Reputation : 2576
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