How to change the shape of the profile photo?

Go down

In progress How to change the shape of the profile photo?

Post by Skia Drum on August 24th 2016, 8:20 am

Hi! How can I change the shape of the profile photo just like here in the forum (circle one)?

How to change the shape of the profile photo? Capture

And how can I remove those extra description and spaces that are marked X?
Skia Drum
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by SLGray on August 24th 2016, 11:26 am

Is your forum's version #punBB ?


How to change the shape of the profile photo? Slgray10

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

Male Posts : 45792
Reputation : 3227
Language : English
Location : United States

https://help.forumotion.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 24th 2016, 11:30 am

@SLGray wrote:Is your forum's version #punBB ?

my forum's version is phbb3
Skia Drum
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by SLGray on August 24th 2016, 11:35 am

CSS Stylesheet:
Code:
.postprofile dt img {
  border-radius: 100px;
}


How to change the shape of the profile photo? Slgray10

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

Male Posts : 45792
Reputation : 3227
Language : English
Location : United States

https://help.forumotion.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 24th 2016, 12:06 pm

@SLGray wrote:CSS Stylesheet:
Code:
.postprofile dt img {
  border-radius: 100px;
}

Thanks! How about the spacing? to remove the extra spaces?
and still having this problem when I implemented your code above, some of the photos are ok, but some does not.

How to change the shape of the profile photo? Capture
Skia Drum
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 25th 2016, 11:20 am

*bump* *bump* *bump*
Skia Drum
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by TheCrow on August 25th 2016, 12:54 pm

Hello @Skia Drum,

for the circled avatars try this code:
Code:
.postprofile dt img {
  border-radius: 100%;
  width: 150px;
  height: 150px
}

As for the spaces, which ones are you referring to? The ones under the rank or you want to add some more space around the avatar? Think
TheCrow
TheCrow
Energetic

Male Posts : 6099
Reputation : 699
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 25th 2016, 3:47 pm

Luffy wrote:Hello @Skia Drum,

for the circled avatars try this code:
Code:
.postprofile dt img {
  border-radius: 100%;
  width: 150px;
  height: 150px
}

As for the spaces, which ones are you referring to? The ones under the rank or you want to add some more space around the avatar? Think

How to change the shape of the profile photo? Untitl10

I want to remove the excess space that is marked red.
Skia Drum
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Ace 1 on August 25th 2016, 4:01 pm

@shakib al hasan You mean every avatar on your forum? phpbb3 right?
Ace 1
Ace 1
Helper
Helper

Male Posts : 842
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 25th 2016, 4:13 pm

why is the other question is answered while on my thread -_-
Skia Drum
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Ace 1 on August 25th 2016, 4:13 pm

@shakib al hasan The mods are gonna get on you cuz you didn't make a new topic but here's the CSS for it

Code:
#fa_popup_content > div.post .postprofile dt img, #main-content > div.post .postprofile dt img, #userAvatar img, .avatar img, .lastpost-avatar img, .mod-login-avatar dt > img, td.avatar-mini img { border-radius: 100px; }
Ace 1
Ace 1
Helper
Helper

Male Posts : 842
Reputation : 64
Language : English - French?
Location : Druid Hill Park

https://help.forumotion.com

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by APE on August 25th 2016, 4:55 pm

@shakib al hasan
Please don't Hijack other members threads.
Member BANNED
He know's the rules.

Please read our forum rules: ESF General Rules


Last edited by APE on August 25th 2016, 5:12 pm; edited 1 time in total


How to change the shape of the profile photo? Left1212How to change the shape of the profile photo? Center11How to change the shape of the profile photo? Right112
How to change the shape of the profile photo? Ape_b110
How to change the shape of the profile photo? Ape1010
APE
APE
Administrator
Administrator

Male Posts : 14374
Reputation : 1554
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by TheCrow on August 25th 2016, 5:00 pm

@Skia Drum try adding this in your CSS:
Code:
.postprofile dd:nth-child(4) { margin-top: -25px }
TheCrow
TheCrow
Energetic

Male Posts : 6099
Reputation : 699
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 25th 2016, 7:45 pm

This fixed my problem,

Luffy wrote:Hello @Skia Drum,

for the circled avatars try this code:
Code:
.postprofile dt img {
  border-radius: 100%;
  width: 150px;
  height: 150px
}

As for the spaces, which ones are you referring to? The ones under the rank or you want to add some more space around the avatar? Think

However, I'm still having issues with the profile button, it turned out like this also.

How to change the shape of the profile photo? Captur12
Skia Drum
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by TheCrow on August 25th 2016, 10:37 pm

Hello @Skia Drum,

Try changing this:
Code:
.postprofile dt img
into this :
Code:
.postprofile dl dt img


I believe that should fix your problem.
TheCrow
TheCrow
Energetic

Male Posts : 6099
Reputation : 699
Language : Greek, English
Location : Cyprus, Greece

https://www.inforumgr.com

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 25th 2016, 11:29 pm

Luffy wrote:Hello @Skia Drum,

Try changing this:
Code:
.postprofile dt img
into this :
Code:
.postprofile dl dt img


I believe that should fix your problem.

that fixed it Very Happy but the profile image turned square again How to change the shape of the profile photo? Mouais
Skia Drum
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by SLGray on August 25th 2016, 11:56 pm

Add the CSS to the top of the stylesheet.


How to change the shape of the profile photo? Slgray10

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

Male Posts : 45792
Reputation : 3227
Language : English
Location : United States

https://help.forumotion.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 26th 2016, 11:38 am

@SLGray wrote:Add the CSS to the top of the stylesheet.

what css code?
Skia Drum
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by APE on August 26th 2016, 7:21 pm

add this one to the top of your CSS files


Code:
.postprofile dt img {  border-radius: 100%;  width: 150px;  height: 150px}


How to change the shape of the profile photo? Left1212How to change the shape of the profile photo? Center11How to change the shape of the profile photo? Right112
How to change the shape of the profile photo? Ape_b110
How to change the shape of the profile photo? Ape1010
APE
APE
Administrator
Administrator

Male Posts : 14374
Reputation : 1554
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

In progress Re: How to change the shape of the profile photo?

Post by Skia Drum on August 26th 2016, 7:26 pm

@APE wrote:add this one to the top of your CSS files


Code:
.postprofile dt img {  border-radius: 100%;  width: 150px;  height: 150px}

the profile button turned out circle again How to change the shape of the profile photo? Mouais
Skia Drum
Skia Drum
Forumember

Posts : 52
Reputation : 1
Language : English

http://pokemongoph.forumtl.com/

Back to top Go down

Back to top


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