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!

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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.

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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?

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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.

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

SLGray
Administrator
Administrator

Male Posts : 35620
Reputation : 2372
Language : English
Location : United States

http://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;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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.

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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.

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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