PDA

View Full Version : Fixed Avatar size


reddyink
07-01-2011, 12:24 AM
How can a fix Avatar size 35px x 35px (not the max limit 0-35px)? like in xenforo!

If I add height and width tags it shrinks/stretches the image in case user uploaded a bigger/smaller image
thanks

WDS
07-01-2011, 10:36 AM
to resize the avatar go to:

Admin Panel -> User Groups and there select the ke group you want to resize the avatar, once inside the section looking avatar and change it.

Sloq Iugal and no ue are looking for and / or I am mistaken, you can go to provide that if that is not what you want wait for someone more knowledgeable on the subject to respond.

Regards.

reddyink
07-01-2011, 01:14 PM
Unfortunately this doesn't work as you can only set maximum width and height. If you set max width a 100, user can still upload 10px image

Current available option:
Custom Avatar Maximum Width (pixels)
Custom Avatar Maximum Height (pixels)

Requirement:
Custom Avatar Width (pixels)
Custom Avatar Height (pixels)

Thank you!

to resize the avatar go to:

Admin Panel -> User Groups and there select the ke group you want to resize the avatar, once inside the section looking avatar and change it.

Sloq Iugal and no ue are looking for and / or I am mistaken, you can go to provide that if that is not what you want wait for someone more knowledgeable on the subject to respond.

Regards.

arrarrgee
06-08-2014, 02:53 AM
Hi reddyink
could you pls let me know i you were able to figure out a solution for this

Thx
arr

josh_krz
07-07-2014, 03:28 PM
I'm not sure if you can do this with vB options but you can use CSS.

I don't understand about the stretching problem. There would be no other way of achieving this without stretching. However if you mean you would like to keep the images aspect ratio then you can use:

.postuseravatarlink img {
max-width: 30px;
}

This should keep your aspect ratios but it won't scale up images, only shrink them. This way all images look good and nothings pixelated.

However if you would still like to scale images up you can use:
.postuseravatarlink img {
width: 30px;
}

Notice how I am leaving out the height in both examples? Browsers tend to automatically scale images proportionally when the height is not defined.

Here is a JSfiddle you can use to try this out:
http://jsfiddle.net/AUft5/1/