• 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?

Dean

Well-known member
#1
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)
 

Shadab

Well-known member
#2
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
 

Dean

Well-known member
#3
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
 

Carlos

Well-known member
#4
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?
 

Shadab

Well-known member
#5
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
 

Dean

Well-known member
#7
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?
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.

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:

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

View attachment 1834
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.
 

Shadab

Well-known member
#12
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.
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.
 

Dean

Well-known member
#15
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
Exactly what I was thinking.

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