Suggestion Request: "Centered" theme.

[Rydian]

So this is what your average post looks like on a desktop with the current setup.

I've highlighted the first paragraph to note the issue. It's much wider than needed, to the point that the eyes are moving far further than they normally should for a line of text. It's grossly disproportional for text. Widescreen displays are good for approximating what a user's eye range can catch in general (opposed to thinner displays), but when it comes to reading text, the eye movements are much more focused and don't sweep too far to the left or right.

This is why books never went "widescreen", since reading uses more constrained eye movements (which is what screens were originally based on before going multimedia).

(My resolution was the same for both images, I simple rotated my display for the second, the text is a different size due to the first image being scaled down a lot more).

With a centered/clamped post width, you can see that it's actually a nice history summary of the project (it doesn't look barebones), and (bar the centering), much easier on the eyes to read as it's more like a paragraph from a book.


The Xenforo preview option shows things constrained so users like me tend to format our text as it appears there... but they're often harder to read when actually posted. The preview shows a well-formatted set of information (like you'd get in a book, newpaper, magazine, etc.) but the actual post looks sprawling

Versus...

Even in sites that don't have their articles centered, they still constrain the width to make reading information a lot easier.

Please add "centered" (or "limited-width") options of the current themes to make reading posts longer than a sentence or two easier.

 

[LoloLakitu]

I second this, the one reason I wish I still had my 1024x800 monitors.

 

[AlanJohn]

I completely agree.
XenForo GBAtemp is a mess.

 

[chyyran]

I completely agree.
XenForo GBAtemp is a mess.

I think the problem with the current theme is that it tries too much to be IP.B instead of embracing Xenforo's more simple style

Theme needs a complete overhaul imo. It feels rushed (which, I assume it was), inelegant, the CSS for certain elements clashes with others, and tries too much to be familiar.

 

[tj_cool]

I think the problem with the current theme is that it tries too much to be IP.B instead of embracing Xenforo's more simple style

We look more like IPB that XenForo?

 

[Rydian]

We look more like IPB that XenForo?

In the layout, color theme, and lack of translucency (except where required) it does look a lot like the old forum (minus things like the forum poster info and junk obviously), I think is what he means.

 

[chyyran]

We look more like IPB that XenForo?

Well, no, it seems we're trying to look more like IPB than Xenforo, but failing miserably, so it looks kinda botched and doesn't look like either one. :/

It just doesn't look as good as some other Xenforo sites, nor does it look as good as the previous IPB GBAtemp.

 

[FAST6191]

Though I can see your logic I do have to say that the times I was a tart and splurged on a silly high res screen I took the drastic step of not browsing with the browser window being maximised.

 

[Rydian]

Though I can see your logic I do have to say that the times I was a tart and splurged on a silly high res screen I took the drastic step of not browsing with the browser window being maximised.

But then I can't keep track of my 87 furry porn tabs. T_T

 

[FAST6191]

But then I can't keep track of my 87 furry porn tabs. T_T

Your browser probably has a nice dropdown bar.

Similarly why go for 87 porn tabs- most make do with 20. I must confess that thus far in life I have not partaken in furry porn so if it is like 2004 was and it is all 10 second MPEG clips rather than glorious hour long "I think I am chafed raw" stuff available for those with a desire for vanilla stuff and available to those that have other proclivities which I have had the good fortune to sample then I apologise.

 

[Rydian]

Jesus christ FAST you make me laugh my ass off sometimes. XD

Your browser probably has a nice dropdown bar.

But then I don't get the clips of the titles without a click. *whine complain*

Similarly why go for 87 porn tabs- most make do with 20.

*booru-style tag-cloud image sources are the name of the game nowadays (or galleries with keyword and description searches), so when sorting through new entries on tags I follow, I can open up ~35 images easily to sort through (thumbnails only tell so much). When searching for something specific ("female solo topless", etc.) I might run through three pages, just CTRL+clicking thumbnails before I actually pull things up to decide what I do and do not like.

I'm a picky little bastard when it comes to porn.

I must confess that thus far in life I have not partaken in furry porn so if it is like 2004 was and it is all 10 second MPEG clips rather than glorious hour long "I think I am chafed raw" stuff available for those with a desire for vanilla stuff and available to those that have other proclivities which I have had the good fortune to sample then I apologise.

Outside of random bodypainting sessions when they can find an attractive and willing female, most furry stuff is of the drawn/artistic/manufactured variety.

 

[pokefloote]

so are we really talking about furry porn here or what


Jeezus you guys have really big monitors. I have a 1366x768 laptop. >.>

 

[BORTZ]

*sigh* i do miss IPB.

 

[Rydian]

Using firefox's inspector I found I only needed to change the min-width (down to 100px) and margins (25% left and right) on .pageWidth with stylish.

Works pretty well at high resolutions...

But on low resolutions it looks a little squashed, and the smaller you go the more of the top bar (with the quick console/system selections) you lose due to the quick/search bar moving further left and left.

So I tried moving the user bar and search bar down 50 pixels to get them out of the way.

Ugly but functional... at least, functional just until the page is resized to where the list of consoles/systems word-wraps.

(It's mixed in with the text on the lighter line below it.)

Which is something that never needed to be dealt before with since the content section of the size always had a minimum width enough to fit the whole list. So I tried making the list of consoles two lines high so if wrapped it wouldn't overlay the thing below it, but... I couldn't get it right. I don't know nearly enough CSS-type stuff to know if I'm even making these changes to the right container, so I guess that's as far as I'm going to go with stylish as an example.

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("gbatemp.net"){

    .pageWidth {
        min-width: 100px !important;
        margin-left: 20% !important;
        margin-right: 20% !important;
    }
    
    .visitorTabs {
        margin-top: 50px !important;
    }
    
    #QuickSearch {
        margin-top: 50px !important;
    } 

}

 

[McHaggis]

lots of stuff

This isn't a bad idea, but IPB had the "visitor tabs" stuff fixed to the top of the page. Kind of like:

.visitorTabs {
    transition: opacity 500ms linear;
    position: fixed;
    top: 0px;
    opacity: 20%;
}
.vistorTabs:hover {
    opacity: 100%;
}

Or something (I'm not using Firefox). I always liked that because, if you left the tab open and noticed you had an alert, you didn't have to scroll to the top of the page to see it.

 

[redact]

i have nothing useful to add to this thread...

but i also would love a centered theme... this site looks terribad in 1920x1200

 

[Fat D]

Using firefox's inspector I found I only needed to change the min-width (down to 100px) and margins (25% left and right) on .pageWidth with stylish.

Which is something that never needed to be dealt before with since the content section of the size always had a minimum width enough to fit the whole list. So I tried making the list of consoles two lines high so if wrapped it wouldn't overlay the thing below it, but... I couldn't get it right. I don't know nearly enough CSS-type stuff to know if I'm even making these changes to the right container, so I guess that's as far as I'm going to go with stylish as an example.

@namespace url(http://www.w3.org/1999/xhtml);
 
@-moz-document domain("gbatemp.net"){
 
    .pageWidth {
        min-width: 100px !important;
        margin-left: 20% !important;
        margin-right: 20% !important;
    }
 
    .visitorTabs {
        margin-top: 50px !important;
    }
 
    #QuickSearch {
        margin-top: 50px !important;
    }
 
}

I just tried setting a max-width and adding left and right auto-padding. Works fine in the fox.
Simple as cutting it down to

@namespace url(http://www.w3.org/1999/xhtml);
 
@-moz-document domain("gbatemp.net"){
 
    .pageWidth {
        max-width: 1000px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

and works at all humanely-acceptable desktop resolutions, with no change on the barely-fitting ones and width constraint on the higher ones.

 

[Rydian]

Haha, yeah that seems a lot better.

 

[tj_cool]

This should work on chrome

/* Fixed width */
.pageWidth {
    width: 1000px;
    margin: 0 auto;
}
 
/* floating userbar ala V3+ */
.navTabs .visitorTabs {
    position: fixed;
    top: 0;
    right: 0;
    padding: 5px;
    background: black;
    opacity: 0.2;
    border-bottom-left-radius: 10px;
}
 
.navTabs .visitorTabs:hover {
    opacity: 1;
}
 
.Menu .sectionFooter {
    margin: 0;
}

Note that the floating bar may overlap a few things, like the ajax loading icon.

 

[Rydian]

~

The content is left-aligned like that, and while the system list shows through the floating bar, it still can't be interacted with. Is there a way to make the console bar go to two lines so there's no overlap?