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

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

Forum version: PunBB

Thanks in advance and god bless!

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

Thanks, but the image upload been stretch.

How do you mean? You can change the pixels.

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

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

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.

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

Nera gave the code already:

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

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

Sorry nera, but still it's not working.

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

Only user rank been resized not the avatar.

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