• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 Basically

#1
Hi, when I try to upload an image other than a .jpg image my forums won't allow it...


This is the error I get when I try to upload the .gif image through admincp: http://puu.sh/eW8fj/b767894678.png


This is the gif image I want to upload: http://i.imgur.com/97bcu6s.gif


Basically only image extensions people can upload are a .jpg and i'm not too sure why.

Any ideas?


EDIT: New Issue, basically certain gif images work but if they are 200x400 they don't work at all? Any ideas why or how to fix? Maybe help setting the sizes to avatar images like 200x400? Without it looking really uneven with the forums?
 
Last edited:
#2
Won't let me edit my post so I'm gonna post here (sorry for double posts):

I used this: https://xenforo.com/community/resources/avatars-big-tall.1741/

Got my forum set to "L" but is there any way to edit it to where the dimensions of the avatar would be 200x400? AND The forum would be proportionate with it like he did so?


Basically, what I'm wanting is if someone uploads an avatar, I'd like it to allow them to upload avatars as big as 200x400
 

batpool52!

Well-known member
#3
I'm not expert in server stuff but the first error if is coming from a nginx webserver (judging by the error page styling) then you should increase the max_client_body_size your nginx config file.
 
#4
I'm not expert in server stuff but the first error if is coming from a nginx webserver (judging by the error page styling) then you should increase the max_client_body_size your nginx config file.
I sorted all this now

I have another issue: basically I upload an animated gif, it works on your profile page but when you post it doesn't show animated?
 
#6
Do you have ImageMagick PECL extension? If not, you should or else the animated gif wont work.
It works when you view the profile page its self, when you're posting on the forums it doesn't work..

Also, you know how that tutorial I used above expands the image? Is it possible to edit the CSS to where it'll crop the image to 200x400 instead? If so could you help me do that
 

batpool52!

Well-known member
#7
Also, you know how that tutorial I used above expands the image? Is it possible to edit the CSS to where it'll crop the image to 200x400 instead? If so could you help me do that
You mean the like the big images which get a tooltip saying "Click here to fully expand the image" or something like that?
 
#8
You mean the like the big images which get a tooltip saying "Click here to fully expand the image" or something like that?
No, like instead of it completely stretching out the larger images as well as my banners like it does here: http://puu.sh/eXTq3/2131245779.png

I managed to resize one of the banners but now I'm having issues with centering the userbar any ideas? http://puu.sh/eXTyT/f135fdb4d6.png in this example it shows the smaller userbar + it shows the pixelated avatar images.
 

batpool52!

Well-known member
#15
Find:
Code:
        .messageUserBlock .userBanner
        {
            display: block;
            /*margin-bottom: 5px;*/
            margin-left: -{xen:calc '@messageUserText.padding-left + 1'}px;
            margin-right: -{xen:calc '@messageUserText.padding-right + 1'}px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }
replace with
Code:
        .messageUserBlock .userBanner
        {
            display: block;
            /*margin-bottom: 5px;*/
            margin-left: auto;
            margin-right: auto;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }
Under template message_user_info.css
 
#16
Find:
Code:
        .messageUserBlock .userBanner
        {
            display: block;
            /*margin-bottom: 5px;*/
            margin-left: -{xen:calc '@messageUserText.padding-left + 1'}px;
            margin-right: -{xen:calc '@messageUserText.padding-right + 1'}px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }
replace with
Code:
        .messageUserBlock .userBanner
        {
            display: block;
            /*margin-bottom: 5px;*/
            margin-left: auto;
            margin-right: auto;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }
Under template message_user_info.css


Wow! That worked, thank you...


Now for the cropping issue do you have an idea why it expands it and makes the image look more pixelated
 

batpool52!

Well-known member
#17
Find
Code:
.thread_view .messageList .messageUserInfo a.avatar img,
.thread_view .quickReply .messageUserInfo a.avatar img,
.conversation_view .messageList .messageUserInfo a.avatar img,
.conversation_view .quickReply .messageUserInfo a.avatar img
{
    width: 200px;
    height: 300px;
}
replace with
Code:
.thread_view .messageList .messageUserInfo a.avatar img,
.thread_view .quickReply .messageUserInfo a.avatar img,
.conversation_view .messageList .messageUserInfo a.avatar img,
.conversation_view .quickReply .messageUserInfo a.avatar img
{
    width: auto;
    height: auto;
}
in template EXTRA.css
 
#18
Find
Code:
.thread_view .messageList .messageUserInfo a.avatar img,
.thread_view .quickReply .messageUserInfo a.avatar img,
.conversation_view .messageList .messageUserInfo a.avatar img,
.conversation_view .quickReply .messageUserInfo a.avatar img
{
    width: 200px;
    height: 300px;
}
replace with
Code:
.thread_view .messageList .messageUserInfo a.avatar img,
.thread_view .quickReply .messageUserInfo a.avatar img,
.conversation_view .messageList .messageUserInfo a.avatar img,
.conversation_view .quickReply .messageUserInfo a.avatar img
{
    width: auto;
    height: auto;
}
in template EXTRA.css
By using this, will this allow users to upload any sized avatars? like a 200x400 avatar and it'll auto-size to it?


EDIT: I don't want smaller avatars, I want something similar to what vB has like if you set a certain dimensions, the avatars will be in that dimension if that makes sense.
 

batpool52!

Well-known member
#19
Find
Code:
.thread_view .messageList .messageUserInfo a.avatar img,
.thread_view .quickReply .messageUserInfo a.avatar img,
.conversation_view .messageList .messageUserInfo a.avatar img,
.conversation_view .quickReply .messageUserInfo a.avatar img
{
    width: 200px;
    height: 300px;
}
replace with
Code:
.thread_view .messageList .messageUserInfo a.avatar img,
.thread_view .quickReply .messageUserInfo a.avatar img,
.conversation_view .messageList .messageUserInfo a.avatar img,
.conversation_view .quickReply .messageUserInfo a.avatar img
{
    width: 200px;
    height: auto;
}
in template EXTRA.css and replace 200px with the desired avatar size.
 
#20
Find
Code:
.thread_view .messageList .messageUserInfo a.avatar img,
.thread_view .quickReply .messageUserInfo a.avatar img,
.conversation_view .messageList .messageUserInfo a.avatar img,
.conversation_view .quickReply .messageUserInfo a.avatar img
{
    width: 200px;
    height: 300px;
}
replace with
Code:
.thread_view .messageList .messageUserInfo a.avatar img,
.thread_view .quickReply .messageUserInfo a.avatar img,
.conversation_view .messageList .messageUserInfo a.avatar img,
.conversation_view .quickReply .messageUserInfo a.avatar img
{
    width: 200px;
    height: auto;
}
in template EXTRA.css and replace 200px with the desired avatar size.

I uploaded a 200x400 avatar image using that and it became like this: http://puu.sh/eYbM9/1f4d5a88af.png

Also this just came into my head - you know how animated gifs work on profile pages? Why doesn't it work when you reply to a thread, like it doesn't stay animated?