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.

How To Put A Limit Size In Avatar using CSS CODE?

View previous topic View next topic Go down

In progress How To Put A Limit Size In Avatar using CSS CODE?

Post by Yoshi156 on July 27th 2011, 9:19 am

How To Put A Limit Size In Avatar using CSS CODE?

Forum version: PunBB

Thanks in advance and god bless!
avatar
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

In progress Re: How To Put A Limit Size In Avatar using CSS CODE?

Post by Nera. on July 27th 2011, 2:30 pm

Hi,

Go to
Templates >> General >> viewtopic_body and find
Code:
{postrow.displayed.POSTER_AVATAR}
Replace it with this
Code:
<div class="avic">{postrow.displayed.POSTER_AVATAR}</div>
Save and publish on the green cross.

Than add this to CSS.
Code:
.avic img {
overflow: hidden;
width: 100px;
height: 100px;}
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: How To Put A Limit Size In Avatar using CSS CODE?

Post by Yoshi156 on July 27th 2011, 3:07 pm

Thanks, but the image upload been stretch.
avatar
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

In progress Re: How To Put A Limit Size In Avatar using CSS CODE?

Post by Nera. on July 27th 2011, 3:09 pm

How do you mean? You can change the pixels.

You can make it like this AP >> Display >> Avatar gallery >> Personal avatars, make it 100X100
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: How To Put A Limit Size In Avatar using CSS CODE?

Post by Yoshi156 on July 27th 2011, 3:19 pm

Is there a way using CSS CODE? like limit size signature using css code?
avatar
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

In progress Re: How To Put A Limit Size In Avatar using CSS CODE?

Post by Nera. on July 27th 2011, 3:21 pm

It is the same CSS code I gave you, only this one is for avatars, same like the signature. If you don't like it, wait for someone else to give you a new one. Smile
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: How To Put A Limit Size In Avatar using CSS CODE?

Post by Yoshi156 on July 28th 2011, 4:22 am

Not by adding or replacing any codes in template sir/ma'am only css code.
avatar
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

In progress Re: How To Put A Limit Size In Avatar using CSS CODE?

Post by SLGray on July 28th 2011, 5:34 am

Nera gave the code already:

.avic img {
overflow: hidden;
width: 100px;
height: 100px;}
avatar
SLGray
Administrator
Administrator

Male Posts : 40873
Reputation : 2775
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

In progress Re: How To Put A Limit Size In Avatar using CSS CODE?

Post by Nera. on July 28th 2011, 9:51 pm

That one slg wont work without template changes cause it needs a class.
You can try this one Yoshi.
Replace XY
Code:
.pun .user-ident .user-basic-info img {
    width: xypx;
    height: xypx;
}
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: How To Put A Limit Size In Avatar using CSS CODE?

Post by Yoshi156 on July 29th 2011, 4:40 am

Sorry nera, but still it's not working.
avatar
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

In progress Re: How To Put A Limit Size In Avatar using CSS CODE?

Post by Nera. on July 29th 2011, 11:24 am

It's OK though I tried both on punBB and both work, limit the avatar 100x100. Though I'm talking about avatar in posts.
Exp., punBB.
http://i.imm.io/7E8T.png

But as said before, wait for someone else.
Sorry for not beeing able to help Wink
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: How To Put A Limit Size In Avatar using CSS CODE?

Post by Yoshi156 on July 30th 2011, 4:36 am

Only user rank been resized not the avatar.
avatar
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

In progress Re: How To Put A Limit Size In Avatar using CSS CODE?

Post by Nera. on July 30th 2011, 2:11 pm

Try this
Code:
.user-basic-info a img  {
    max-width: 50px;
}

Through CSS, I don't think there is an other way.

The way through templates is pretty easy, why to complicate it?

That's about it on this topic, sorry for not beeing able to help
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.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