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

XF 1.4 Basically

Discussion in 'Styling and Customization Questions' started by Allysa., Jan 24, 2015.

  1. Allysa.

    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: Jan 24, 2015
  2. Allysa.

    Allysa. Member

    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
     
  3. batpool52!

    batpool52! Well-Known Member

    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. Allysa.

    Allysa. Member

    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?
     
  5. batpool52!

    batpool52! Well-Known Member

    Do you have ImageMagick PECL extension? If not, you should or else the animated gif wont work.
     
  6. Allysa.

    Allysa. Member

    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
     
  7. batpool52!

    batpool52! Well-Known Member

    You mean the like the big images which get a tooltip saying "Click here to fully expand the image" or something like that?
     
  8. Allysa.

    Allysa. Member

    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.
     
  9. batpool52!

    batpool52! Well-Known Member

    A link would be useful when facing any style issue.
     
  10. Allysa.

    Allysa. Member

    Okay, http://truehabboforum.net is the forums - you'd need to register to view anything related and just simply view any thread and you can see what kind of issue I'm having.
     
  11. batpool52!

    batpool52! Well-Known Member

    Could you send me login credentials? I'm unable to register due to a "The field 'randomstring here' was not recognized" error.
     
  12. Allysa.

    Allysa. Member

    Yeah, I'll pm you login credentials.
     
  13. batpool52!

    batpool52! Well-Known Member

    The badge issue seems to be okay for me. truehabboforums_badge_css.png
     
  14. Allysa.

    Allysa. Member

    I had resized it back the default, reload it again it look like this: [​IMG]

    Basically, I want that size but I want it to be centered.
     
  15. batpool52!

    batpool52! Well-Known Member

    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. Allysa.

    Allysa. Member



    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
     
  17. batpool52!

    batpool52! Well-Known Member

    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. Allysa.

    Allysa. Member

    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.
     
  19. batpool52!

    batpool52! Well-Known Member

    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. Allysa.

    Allysa. Member


    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?
     

Share This Page