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

front page blocks. Will width reduction to 180 pixels look ok?

Discussion in 'XenForo Pre-Sales Questions' started by Dean, Sep 10, 2010.

  1. Dean

    Dean Well-Known Member

    It seems the blocks on the main page showing staff online, other people online, and my mini-stats are now 250 pixels wide.

    Will that block look 'ok' at 180 pixels wide? I am most concerned with the mini-stats. Will the information wrap then cause the height to change? (hope it does that)
     
  2. Shadab

    Shadab Well-Known Member

    By mini-stats you mean the user information (Messages, Likes, Points) displayed at the top; or the Forum Statistics block? The user information wraps to the second line if the text overflows for any reason.

    Btw, the sidebar would look way too cramped at 180px.

    User_Stats.png
     
  3. Dean

    Dean Well-Known Member

    That is indeed the mini-stats I was referring to. In the picture you have posted it is (about) 250 pixels.

    I am asking with regards to my site, not suggesting any changes for xf.com
     
  4. Carlos

    Carlos Well-Known Member

    I think it'd be nice to change the width of the "block" column for adding new banners or features to the sidebar.

    Like, for example, what if a client's ad skyscraper is larger or smaller than the width of the column?
     
  5. Shadab

    Shadab Well-Known Member

    Ah... got it. I did a comparison of how the mini-stats would look at different widths. So far, anything below 220 or 230 px doesn't look good. See the comparison of the stats block at 250, 200 and 180px widths below:

    Mini_Stats_Width_Comparison.png

    At 180px, this alternative styling would look better, though:

    Mini_Stats_Alternate_Styling.png
     
    Darkimmortal, Carlos and Abomination like this.
  6. Carlos

    Carlos Well-Known Member

    Wow, you've got some photoshop skills! :) Me likey.
     
  7. Dean

    Dean Well-Known Member

    Yes. My question was in relation to ad sizes. :)

    And of course what screen resolution to design for. I host ads locally, no external server, so we have full control over what sizes.

    Any chance on a mock up of a long name in the 180 pix picture? I am thinking it could contain about 14 character before getting truncated or wrapped. Possibly putting the name above could look better and allow for up to 25 (ish) characters in the name.

    edit: I am not describing this very well. The format of the last picture listed, but with the name like it is in the picture labeled 180 pix.
     
  8. DaKat

    DaKat Well-Known Member

    180 to 200 would probably be the largest I would use. Hope there's a simple and good looking solution
     
  9. Carlos

    Carlos Well-Known Member

    I see that we think like then! :p
     
  10. Shadab

    Shadab Well-Known Member

    Thanks! :)

    Btw, I edit almost all my screenshots in Paint.NET;
    which is a lot more lighter on resources than Photoshop.
     
  11. Carlos

    Carlos Well-Known Member

    *looks down* I was off the mark, again. crap.
     
  12. Shadab

    Shadab Well-Known Member

    Like this: ?

    Mini_Stats_Styling_2.png ... Mini_Stats_Styling_2_2.png

    You can have an <if> conditional in your template that checks for the username length (cannot confirm). So if the username is longer than, say 12 characters,... then 'Signed in as <username>' text would be replaced by just '<username>', preventing long usernames from breaking the layout.
     
    Brad L, Carlos and Dean like this.
  13. Dean

    Dean Well-Known Member

    NICE!!! :)

    Thank you very much! That should work until someone hits at least a million posts : )
     
    Shadab likes this.
  14. Shadab

    Shadab Well-Known Member

    Theoretically, Messages: 999,999 would easily fit in that space.
    And if somebody ever crosses that, you can remove the "," and have space for an extra character. :p
     
    Abomination likes this.
  15. Dean

    Dean Well-Known Member

    Exactly what I was thinking.

    Seems you have designed me a perfect solution for what I am attempting to do. :cool: Thanks!
     
  16. Shadab

    Shadab Well-Known Member

    Glad I could be of some help to you. :)

    I might use a similar layout and font size for my themes,
    since the default text, at 10px, is a bit small to my liking.
     

Share This Page