Suggestion Request: "Centered" theme.

Discussion in 'Site Discussions & Suggestions' started by Rydian, Mar 16, 2013.

Mar 16, 2013
  1. Rydian
    OP

    Member Rydian Resident Furvert™

    Joined:
    Feb 4, 2010
    Messages:
    27,883
    Location:
    Cave Entrance, Watching Cyan Write Letters
    Country:
    United States
    So this is what your average post looks like on a desktop with the current setup.

    [​IMG]

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


    [​IMG]

    (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

    [​IMG]

    Versus...

    [​IMG]




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

    [​IMG]

    [​IMG]

    [​IMG]



    Please add "centered" (or "limited-width") options of the current themes to make reading posts longer than a sentence or two easier.
     
    ProtoKun7, B-Blue, geoflcl and 3 others like this.


  2. LoloLakitu

    Member LoloLakitu Shwowow Schogog

    Joined:
    Jul 26, 2012
    Messages:
    177
    Location:
    That new rad hangout.
    Country:
    Canada
    I second this, the one reason I wish I still had my 1024x800 monitors.
     
  3. AlanJohn

    Member AlanJohn くたばれ

    Joined:
    Jan 6, 2011
    Messages:
    3,425
    Location:
    Canada,New Jersey
    Country:
    Ukraine
    I completely agree.
    XenForo GBAtemp is a mess.
     
    ProtoKun7 and DinohScene like this.
  4. Ron

    Member Ron somehow a weeb now.

    Joined:
    Dec 10, 2009
    Messages:
    2,837
    Location:
    here
    Country:
    Canada
    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.
     
    Rydian likes this.
  5. tj_cool

    Supervisor tj_cool Stuff

    Joined:
    Jan 7, 2009
    Messages:
    9,941
    Location:
    This planet
    Country:
    Belgium
    We look more like IPB that XenForo? :blink:
     
  6. Rydian
    OP

    Member Rydian Resident Furvert™

    Joined:
    Feb 4, 2010
    Messages:
    27,883
    Location:
    Cave Entrance, Watching Cyan Write Letters
    Country:
    United States
    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.
     
  7. Ron

    Member Ron somehow a weeb now.

    Joined:
    Dec 10, 2009
    Messages:
    2,837
    Location:
    here
    Country:
    Canada

    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.
     
  8. FAST6191

    Reporter FAST6191 Techromancer

    pip
    Joined:
    Nov 21, 2005
    Messages:
    21,705
    Country:
    United Kingdom
    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.
     
  9. Rydian
    OP

    Member Rydian Resident Furvert™

    Joined:
    Feb 4, 2010
    Messages:
    27,883
    Location:
    Cave Entrance, Watching Cyan Write Letters
    Country:
    United States
    But then I can't keep track of my 87 furry porn tabs. T_T
     
  10. FAST6191

    Reporter FAST6191 Techromancer

    pip
    Joined:
    Nov 21, 2005
    Messages:
    21,705
    Country:
    United Kingdom
    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.
     
    mercluke likes this.
  11. Rydian
    OP

    Member Rydian Resident Furvert™

    Joined:
    Feb 4, 2010
    Messages:
    27,883
    Location:
    Cave Entrance, Watching Cyan Write Letters
    Country:
    United States
    Jesus christ FAST you make me laugh my ass off sometimes. XD

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

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

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

    Member pokefloote GBAtemp Addict

    Joined:
    Mar 20, 2009
    Messages:
    2,670
    Country:
    United States
    so are we really talking about furry porn here or what


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

    Global Moderator BORTZ wtf, nintendo

    Joined:
    Dec 2, 2007
    Messages:
    10,623
    Country:
    United States
    *sigh* i do miss IPB.
     
    ProtoKun7 likes this.
  14. Rydian
    OP

    Member Rydian Resident Furvert™

    Joined:
    Feb 4, 2010
    Messages:
    27,883
    Location:
    Cave Entrance, Watching Cyan Write Letters
    Country:
    United States
    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.

    [​IMG]

    Works pretty well at high resolutions...

    [​IMG]

    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.

    [​IMG]

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

    [​IMG]

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

    [​IMG]
    (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.

    Code:
    @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;
        } 
    
    } 
     
  15. McHaggis

    Member McHaggis Fackin' Troller

    Joined:
    Oct 24, 2008
    Messages:
    1,656
    Country:
    United Kingdom
    This isn't a bad idea, but IPB had the "visitor tabs" stuff fixed to the top of the page. Kind of like:
    Code:
    .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.
     
  16. mercluke

    Member mercluke ‮҉

    Joined:
    Dec 2, 2007
    Messages:
    3,161
    Location:
    Perth
    Country:
    Australia
    i have nothing useful to add to this thread...

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

    Member Fat D GBAtemp Maniac

    Joined:
    Nov 18, 2006
    Messages:
    1,117
    Country:
    Germany
    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
    Code:
    @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.
     
  18. Rydian
    OP

    Member Rydian Resident Furvert™

    Joined:
    Feb 4, 2010
    Messages:
    27,883
    Location:
    Cave Entrance, Watching Cyan Write Letters
    Country:
    United States
    Haha, yeah that seems a lot better.
     
  19. tj_cool

    Supervisor tj_cool Stuff

    Joined:
    Jan 7, 2009
    Messages:
    9,941
    Location:
    This planet
    Country:
    Belgium
    This should work on chrome

    Code:
    /* 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.
     
  20. Rydian
    OP

    Member Rydian Resident Furvert™

    Joined:
    Feb 4, 2010
    Messages:
    27,883
    Location:
    Cave Entrance, Watching Cyan Write Letters
    Country:
    United States
    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?
     

Share This Page