XF 1.4 Basically

A

Allysa.

Member
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:
Sort by date Sort by votes
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
 
Upvote 0 Downvote
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.
 
Upvote 0 Downvote
batpool52! said:
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.
Click to expand...
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?
 
Upvote 0 Downvote
batpool52! said:
Do you have ImageMagick PECL extension? If not, you should or else the animated gif wont work.
Click to expand...
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
 
Upvote 0 Downvote
Allysa. said:
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
Click to expand...
You mean the like the big images which get a tooltip saying "Click here to fully expand the image" or something like that?
 
Upvote 0 Downvote
batpool52! said:
You mean the like the big images which get a tooltip saying "Click here to fully expand the image" or something like that?
Click to expand...
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.
 
Upvote 0 Downvote
batpool52! said:
The badge issue seems to be okay for me.View attachment 96081
Click to expand...

I had resized it back the default, reload it again it look like this:
2f487d3782.png


Basically, I want that size but I want it to be centered.
 
Upvote 0 Downvote
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
 
Upvote 0 Downvote
batpool52! said:
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
Click to expand...



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
 
Upvote 0 Downvote
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
 
Upvote 0 Downvote
batpool52! said:
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
Click to expand...

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.
 
Upvote 0 Downvote
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.
 
Upvote 0 Downvote
batpool52! said:
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.
Click to expand...


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?
 
Upvote 0 Downvote
You must log in or register to reply here.

Similar threads

Rusty Snippets
  • Question Question
XF 2.2 Cannot Post Images
Replies
10
Views
670
Rusty Snippets
Rusty Snippets
S
  • Question Question
XF 2.2 PNG Image Embedding Issue
Replies
2
Views
418
SaveTheWest
S
N
  • Question Question
XF 2.2 ERR_TOO_MANY_REDIRECTS
Replies
2
Views
339
K a M a L
K
PumpinIron
  • Question Question
XF 2.2 Uploaded videos not working for iPhone 15 Pro Max users (also can't upload photos)
Replies
7
Views
634
PumpinIron
PumpinIron
Frode789
Help needed - Caching and speed improvements
Replies
5
Views
1K
Kirby
K
Top Bottom