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

NandorHUN
  • Question Question
XF 2.2 Is there a way to hide a widget with extra.less? (Basically hide a widget if a theme is selected)
Replies
7
Views
710
Paul B
P
elsparkodiablo
  • Question Question
XF 2.2 How is attachment quotas not a basic feature?
Replies
3
Views
649
elsparkodiablo
elsparkodiablo
VBX Co
  • Solved
XF 2.2 Server based trigger - cron doesn't appear to work for sub-site on same domain/file structure
Replies
2
Views
1K
VBX Co
VBX Co
Ludachris
Other Wanted: Basic User Manual for the Forums
Replies
18
Views
2K
Gladius
Gladius
Donske
  • Question Question
XF 2.2 Basic Search Button
Replies
3
Views
671
Donske
Donske
Back
Top Bottom