DarkUnderlord
Member
Ok, on my forum we actually have an avatar gallery that was wonderfully made for us. Admins upload images into the gallery and users can choose from them.
However, XenForo insists on making every avatar a 96x96 pixel box. Our avatars often have varying widths and heights, are sometimes small, or sometimes tall. The current setup results in squished avatars or horribly pixellated stretched ones.
As I understand it, XenForo uses some hokey pre-set s m l sizes and rather than displaying the image between image tags, displays it as a "css background". This means that the box of css with this avatar set as the backgropund *needs* to have a set height and width, otherwise nothing is displayed.
And rather annoyingly, max-height and max-width - either of which would scale the images appropriately, don't work.
My question is: How can I rip-out this "s m l" crap and have the avatars appropriately scaled via css?
I had thought of simply calling the avatar image in the "message_user_info" template (where it currently has "<xen:avatar user="$user" size="m" />") and putting it within image tags there, but I'm unsure how to do that (and if I replace "m" with "l" there I still get bad style formatting with lots of unnecessary extra white-space around the avatar).
I also can't find the actual style code that creates the avatars in the templates to edit it (that is, turns the above line into the "<span class="img l" style="background-image: url('data/avatars/m/16/16640.jpg?1366264473')"></span>" code that displays the avatar image in the thread view).
However, XenForo insists on making every avatar a 96x96 pixel box. Our avatars often have varying widths and heights, are sometimes small, or sometimes tall. The current setup results in squished avatars or horribly pixellated stretched ones.
As I understand it, XenForo uses some hokey pre-set s m l sizes and rather than displaying the image between image tags, displays it as a "css background". This means that the box of css with this avatar set as the backgropund *needs* to have a set height and width, otherwise nothing is displayed.
And rather annoyingly, max-height and max-width - either of which would scale the images appropriately, don't work.
My question is: How can I rip-out this "s m l" crap and have the avatars appropriately scaled via css?
I had thought of simply calling the avatar image in the "message_user_info" template (where it currently has "<xen:avatar user="$user" size="m" />") and putting it within image tags there, but I'm unsure how to do that (and if I replace "m" with "l" there I still get bad style formatting with lots of unnecessary extra white-space around the avatar).
I also can't find the actual style code that creates the avatars in the templates to edit it (that is, turns the above line into the "<span class="img l" style="background-image: url('data/avatars/m/16/16640.jpg?1366264473')"></span>" code that displays the avatar image in the thread view).
