The Ghost of Christmas Future, II

[Jackard]

Another comparison for you

http://i.imgur.com/d7XSYjq.png
http://i.imgur.com/dginyCQ.png

[Amanda44]

Yes, but how is it any better all bunched up? It doesn't alter the wall of text, it just lengthens it down-wise, it will take up the whole page!

So you're telling me that you read each line of the original, then compared it to the reduced length and didn't find the fix less eye-straining or easier to follow?

Or is this still conjecture.

Lol, well not pure conjecture, it's based on Loftars example, Arvins pic and the short lines of text in the article you posted a link to ....... I haven't read that exact post in short lines.

Yes, but how is it any better all bunched up? It doesn't alter the wall of text, it just lengthens it down-wise, it will take up the whole page! I can't see how it helps to have shorter lines, really, I'm not just being argumentative.

It's hard for the eye to go from line n to line n+1 if lines are too long. If there's only one or two lines, it'll still be easy (most short posts are of that length). However, when someone decides to post a full-length novel, it becomes way more straining.
Basically the idea is to reduce the eye strain per line switch, so that, regardless of the amount of lines in total, it will still be fairly easy to read.

Thank you, I appreciate a proper explanation.

Another comparison for you

http://i.imgur.com/d7XSYjq.png
http://i.imgur.com/dginyCQ.png

Ok, right, yes that is actually more readable, thank you, why didn't you just do that the first time, lol.

Stop adding bits, I'm trying to post ....
But, yes, you've won me over, but we still need to do something about the big ugly borders

[kaka]

Dare I ask for mobile-friendly forums ??

There's a Tapatalk-plugin for phpBB. That would be nice.

[LadyV]

Honestly I still prefer the forums as is.

[Avulsio]

Thanks for the head start, Arvin. Here's an update to your userstyle:

http://i.imgur.com/tWc3n0r.png

Code: Select all

@-moz-document domain("havenandhearth.com"), domain("www.havenandhearth.com") {

body {
  background: url(http://bgfons.com/upload/grass_texture598.jpg)no-repeat center top fixed!important;
  background-size:100%!important;
}

.navbar {
    background: url(http://i.imgur.com/P27aC5T.png) repeat scroll 0% 0% transparent;
    border-width: thin;
    border-style: solid;
    border-color: #FFF #888 #888 #FFF;
}
 
.content {
  width: 580px;
  font-size: 14px !important;
  overflow: visible !important;
}

#page-body, #page-header, #page-footer {
  width: 800px;
  margin: auto !important;
}
 
video, .attachbox, .attachbox img, img {
  max-width: 100%    !important;
  height: auto   !important;
}

.content img, .content video {
  max-width: 530px !important;
}

.content blockquote img {
  max-width: 100% !important;
  height: auto !important;
}

.postlink {
  color: #225588 !important;
}
}

[Ninijutsu]

Thanks for the head start, Arvin. Here's an update to your userstyle:

http://i.imgur.com/tWc3n0r.png

Code: Select all

@-moz-document domain("havenandhearth.com"), domain("www.havenandhearth.com") {

body {
  background: url(http://bgfons.com/upload/grass_texture598.jpg)no-repeat center top fixed!important;
  background-size:100%!important;
}

.navbar {
    background: url(http://i.imgur.com/P27aC5T.png) repeat scroll 0% 0% transparent;
    border-width: thin;
    border-style: solid;
    border-color: #FFF #888 #888 #FFF;
}
 
.content {
  width: 580px;
  font-size: 14px !important;
  overflow: visible !important;
}

#page-body, #page-header, #page-footer {
  width: 800px;
  margin: auto !important;
}
 
video, .attachbox, .attachbox img, img {
  max-width: 100%    !important;
  height: auto   !important;
}

.content img, .content video {
  max-width: 530px !important;
}

.content blockquote img {
  max-width: 100% !important;
  height: auto !important;
}

.postlink {
  color: #225588 !important;
}
}

Gorgeous.

[loftar]

Code: Select all

background: [...] fixed;

How Web-3.0 of you. ^^

[Jackard]

Thanks for the head start, Arvin. Here's an update to your userstyle:

Why the 100px increase in content width? The point of this was having lines within 50-70 characters.

Also this happened at the bottom of pages until I removed "no-" from the background "no-repeat"

[Bondle]

wow invalid source

[ArvinJA]

Thanks for the head start, Arvin. Here's an update to your userstyle

Code: Select all

css

Thanks! Looks much better with a background!
Userstyle updated!

Didn't really get why 800px would be the fixed size of the whole page body, so I kept it at 1000px. I mean, I guess for mobile-friendliness and really old computers or perhaps netbooks an 800px-wide page might make more sense, but for the broader audience that seems too small.