I havent seen anyone complain yet about the forum posts having smaller text,
so it might be just my Eyes are getting older! :(
So did a search for a browser addin and came across a StyleBot.
Now:
- Post Text is much larger.
- And...All signature images are TINY:
[img]http://i.imgur.com/T2J7cSw.png[/img]
- And... all very Wide images are resized when they Exceed the reading Areas width:
[img]http://i.imgur.com/fJfAJIO.png[/img]
- Main Sites html Body is Left Aligned,,, just my own preference.
:)
I probably (normally) wouldn't bother, but I'm the CSS Zone while adding styling touches to the [url=http://simplegui.izzysoft.com/QnA/]QnA site[/url] I'll need soon. :)
You know there is a text size adjustment below the post button, yes?
Technical Director
Read enough Facebook and you have to make Sanity Checks. I guess FB is the Great Old One of the interent these days... - Beamrider
Here? :P
[img]http://i.imgur.com/tAypVEm.png[/img]
Ohhh.. looks like i can widen the forum field(s) like Last Post. :D
[img]http://i.imgur.com/V1fE8EW.png[/img]
Below the "Save" and "Preview" buttons, near the bottom of the page.
Technical Director
Read enough Facebook and you have to make Sanity Checks. I guess FB is the Great Old One of the interent these days... - Beamrider
I though i checked there. :P
screenshot:
[img]http://i.imgur.com/YcMgslB.png[/img]
ohhh.. i can make the nav bar FIT too. ;D
[img]http://i.imgur.com/PLSGg7j.png[/img]
This is what im feeding to Styles bot so far:
[code]#pageBorder {
left: 0px;
position: absolute;
top: 0px;
width: 1018px;
}
div.author-signature span, div.author-signature img {
height: 32px;
}
div.author-signature {
background-color: #edeeff;
color: #c2c0c2;
font-size: 8pt;
}
div.forum-post-panel-main.clearfix {
font-size: 11pt;
}
div.forum-post-wrapper {
overflow: hidden;
}
h2.title.comment-form {
clear: both;
}
img.bb-image, div.field-item.even p img {
max-width: 812px;
}
th.forum-last-post {
width: 300px;
}
th.forum-topics, th.forum-posts {
width: 50px;
}
ul.pager {
float: right;
text-align: right;
width: 560px;
}
blockquote.quote-msg p {
margin-bottom: 0px;
}
[/code]
On my browser it's in the "View" pulldown, just below the URL window.
Foradain, Mage of Phoenix Rising.
[url=https://cityoftitans.com/forum/foradains-character-conclave]Foradain's Character Conclave[/url]
.
Avatar courtesy of [s]Satellite9[/s] [url=https://www.instagram.com/irezoomie/]Irezoomie[/url]
That sounds like it would resize All the text. I sooooo hate that. :(
I just want the User Posted Comments text to be larger. ;)
Izzy never mention shrinkage you knows guys are sensitive about that word !!
Oh Nooo.... :o
[img]http://i.imgur.com/WQfd4rN.png[/img][img]http://i.imgur.com/LWMUauM.png[/img]
But.. But... your Comment Texts....
[img]https://i.chzbgr.com/maxW500/4801138432/hBE16F274/[/img]
Wait.. that doesnt sound right! :/
if you have Chrome.. try StyleBot. :)
and this style: http://stylebot.me/styles/7087
Ahhh YES I see it now. :) TY.
Added formatting for that too.
Ex: [img]http://i.imgur.com/SkJ9hHB.png[/img]
Edit: Latest css adds a light shade of gray to the background, so reading text doesn't hurt strained eyes. ;)
Preview of output now:
[img]http://i.imgur.com/9OsehEc.png[/img]
#block-textsize-form {
clear: both;
}
#block-textsize-form > .block-title {
float: left;
width: 80px;
}
#block-textsize-form > .content {
float: left;
margin: 2px 0px -5px -20px;
width: 460px;
}
#block-textsize-form > .content > .textsize_list, #block-textsize-form > .content > .textsize_list > li {
float: left;
}
#block-textsize-form > div.content > .textsize_current {
float: right;
left: -50px;
position: relative;
width: 120px;
}
#contentWrapper {
background-color: #dedede;
}
#header-images {
height: 128px;
}
#pageBorder {
left: 0px;
position: absolute;
top: 0px;
width: 1018px;
}
.container_12 .grid_4 {
width: 218px;
}
.container_12 .grid_8 {
width: 750px;
}
.container_12 .pull_8 {
left: -770px;
}
.container_12 .push_4 {
left: 240px;
top: 3px;
}
.forum-post-links {
margin-right: -18px;
}
.page-tracker h1#page-title {
display: none;
}
.sidebar ul.menu {
margin-left: -30px;
}
.topic-reply-locked {
float: left;
}
a.active {
text-decoration: none;
}
a.bb-url {
color: #5873fc;
text-decoration: none;
}
a.permalink {
text-decoration: none;
}
a.username {
color: #c277a8;
text-decoration: underline;
word-wrap: break-word;
}
body.node-type-forum .forum-post .forum-post-panel-main img {
max-width: 812px;
}
body.node-type-forum blockquote.quote-msg p {
margin-bottom: 0px;
}
body.node-type-forum div.author-signature {
background-color: #edeeff;
color: #c2c0c2;
font-size: 8pt;
line-height: inherit;
}
body.node-type-forum div.author-signature span, .node-type-forum div.author-signature img {
max-height: 32px;
}
body.node-type-forum div.forum-post-content {
font-family: Verdana;
font-size: 10pt;
line-height: inherit;
}
body.node-type-forum div.forum-post-wrapper {
overflow: hidden;
}
body.node-type-forum embed[type="application/x-shockwave-flash"] {
height: 360px;
width: 640px;
}
body.node-type-forum h2.title.comment-form {
clear: both;
}
body.node-type-news div.field-item.even {
font-size: 11pt;
line-height: inherit;
}
body.page-forum a.feed-icon, body.page-node a.feed-icon {
float: right;
}
body.page-forum th.forum-last-post {
width: 300px;
}
body.page-forum th.forum-topics, body.page-forum th.forum-posts {
width: 50px;
}
body.page-node .teaser-content img {
max-width: 652px;
}
div#block-privatemsg-privatemsg-new {
margin-left: 20px;
position: relative;
z-index: 20;
}
div.field-item.even p a {
color: #5873fc;
text-decoration: none;
}
div.forum-name a {
text-decoration: none;
}
div.forum-post-content {
color: #616161;
}
div.forum-post-footer.clearfix {
background-color: #f0f0f0;
}
div.forum-post-panel-main.clearfix {
background-color: #ebebeb;
}
div.forum-post-panel-sub {
background-color: #f0f0f0;
}
div.forum-subforums a {
text-decoration: none;
}
div.forum-table-name a {
text-decoration: none;
}
img.slide {
height: 128px;
}
img[src~="http://missingworldsmedia.com/images/favicon.ico"] {
-moz-box-sizing: border-box;
background: url(http://www.ascendantonline.com/files/Old_MWM_logo.png) no-repeat;
box-sizing: border-box;
display: block;
padding-left: 32px;
width: 32px;
}
li.comment-add.last {
padding-left: 22px;
}
li.comment-delete.first a {
text-decoration: none;
}
li.comment-edit a {
text-decoration: none;
}
li.comment-reply a {
text-decoration: none;
}
li.comment-reply.first a {
text-decoration: none;
}
td.forum-last-reply a {
font-size: 10pt;
letter-spacing: 0;
text-decoration: none;
}
td.forum-list-icon.forum-list-icon-default {
background-color: #f0f0f0;
}
td.forum-list-icon.forum-list-icon-new-posts {
background-color: #f6ffb5;
}
td.views-field.views-field-topic-icon {
background-color: #f2f2f2;
}
th.forum-name {
width: 280px;
}
th.forum-posts {
width: 38px;
}
th.forum-topics {
width: 38px;
}
ul.pager {
float: right;
text-align: right;
width: 560px;
}
div.field-item.even p {
margin-bottom: 0;
}
*sending Izzy PM*
Technical Director
Read enough Facebook and you have to make Sanity Checks. I guess FB is the Great Old One of the interent these days... - Beamrider
I'm not sure if anyone else is experiencing this Feature* of thin, lite, antialiased (almost transparent) text like me,
ex: http://i.imgur.com/2dwc1RV.png
and if you dont like it, you might want to use this updated style code here:
@import url(http://fonts.googleapis.com/css?family=Georgia);
#block-textsize-form {
clear: both;
}
#block-textsize-form > .block-title {
float: left;
width: 80px;
}
#block-textsize-form > .content {
float: left;
margin: 2px 0px -5px -20px;
width: 460px;
}
#block-textsize-form > .content > .textsize_list, #block-textsize-form > .content > .textsize_list > li {
float: left;
}
#block-textsize-form > div.content > .textsize_current {
float: right;
left: -50px;
position: relative;
width: 120px;
}
#contentWrapper {
background-color: #dedede;
font-family: Helvetica;
}
#header-images {
height: 128px;
}
#pageBorder {
left: 0px;
position: absolute;
top: 0px;
width: 1018px;
}
.container_12 .grid_4 {
width: 218px;
}
.container_12 .grid_8 {
width: 750px;
}
.container_12 .pull_8 {
left: -770px;
}
.container_12 .push_4 {
left: 240px;
top: 3px;
}
.forum-post-links {
margin-right: -18px;
}
.page-tracker h1#page-title {
display: none;
}
.sidebar ul.menu {
margin-left: -30px;
}
.topic-reply-locked {
float: left;
}
a.active {
text-decoration: none;
}
a.bb-url {
color: #5873fc;
text-decoration: none;
}
a.permalink {
text-decoration: none;
}
a.username {
color: #c277a8;
text-decoration: underline;
word-wrap: break-word;
}
blockquote.quote-msg.quote-nest-1.odd {
margin-bottom: -10px;
margin-left: 4px;
margin-right: 15px;
margin-top: 10px;
}
body.node-type-forum .forum-post .forum-post-panel-main img {
max-width: 812px;
}
body.node-type-forum blockquote.quote-msg p {
margin-bottom: 0px;
}
body.node-type-forum div.author-signature {
background-color: #edeeff;
color: #c2c0c2;
font-size: 8pt;
line-height: inherit;
}
body.node-type-forum div.author-signature span, .node-type-forum div.author-signature img {
max-height: 32px;
}
body.node-type-forum div.forum-post-content {
font-family: Verdana;
font-size: 10pt;
line-height: inherit;
}
body.node-type-forum div.forum-post-wrapper {
overflow: hidden;
}
body.node-type-forum embed[type="application/x-shockwave-flash"] {
height: 360px;
width: 640px;
}
body.node-type-forum h2.title.comment-form {
clear: both;
}
body.node-type-news div.field-item.even {
font-size: 11pt;
line-height: inherit;
}
body.page-forum a.feed-icon, body.page-node a.feed-icon {
float: right;
}
body.page-forum th.forum-last-post {
width: 300px;
}
body.page-forum th.forum-topics, body.page-forum th.forum-posts {
width: 50px;
}
body.page-node .teaser-content img {
max-width: 652px;
}
div#block-privatemsg-privatemsg-new {
margin-left: 20px;
position: relative;
z-index: 20;
}
div.field-item.even p {
margin-bottom: -5px;
margin-left: 6px;
margin-right: 10px;
margin-top: 5px;
}
div.field-item.even p a {
color: #5873fc;
text-decoration: none;
}
div.forum-name a {
text-decoration: none;
}
div.forum-post-content {
color: #616161;
}
div.forum-post-footer.clearfix {
background-color: #f0f0f0;
}
div.forum-post-panel-main.clearfix {
background-color: #ebebeb;
}
div.forum-post-panel-sub {
background-color: #f0f0f0;
}
div.forum-subforums a {
text-decoration: none;
}
div.forum-table-name a {
text-decoration: none;
}
img.slide {
height: 128px;
}
img[src~="http://missingworldsmedia.com/images/favicon.ico"] {
-moz-box-sizing: border-box;
background: url(http://www.ascendantonline.com/files/Old_MWM_logo.png) no-repeat;
box-sizing: border-box;
display: block;
padding-left: 32px;
width: 32px;
}
li.comment-add.last {
padding-left: 22px;
}
li.comment-delete.first a {
text-decoration: none;
}
li.comment-edit a {
text-decoration: none;
}
li.comment-reply a {
text-decoration: none;
}
li.comment-reply.first a {
text-decoration: none;
}
td.forum-last-reply a {
font-size: 10pt;
letter-spacing: 0;
text-decoration: none;
}
td.forum-list-icon.forum-list-icon-default {
background-color: #f0f0f0;
}
td.forum-list-icon.forum-list-icon-new-posts {
background-color: #f6ffb5;
}
td.views-field.views-field-topic-icon {
background-color: #f2f2f2;
}
th.forum-name {
width: 280px;
}
th.forum-posts {
width: 38px;
}
th.forum-topics {
width: 38px;
}
ul.pager {
float: right;
text-align: right;
width: 560px;
}
div.forum-table-description {
font-size: 16px;
font-family: Helvetica;
}
Now it looks like this for me:
ex: http://i.imgur.com/zMhxVt2.png
I'd rather not use third-party software. What I'm noticing is that the old text-size controls are now missing. I can use text-zoom in my browser, to keep things from getting ridiculous, but some text is extra tiny (like here in the posting window), while other text is extra large (like in the post-display), and Fonts are inconsistent. They're serif, in the post-composition window and sans-serif in the post/thread display!
Be Well!
Fireheart
The text size controls were causing issues with the template. I have been taking the past few weeks to go through the template with a fine toothed comb to identify what is causing which, to then clean it all up.
Technical Director
Read enough Facebook and you have to make Sanity Checks. I guess FB is the Great Old One of the interent these days... - Beamrider
Thanks for the update, Doctor T., and the effort to find and fix, as well.
Be Well!
Fireheart
Ok, fixed template is now in. Any suggestions to improve legibility are more than welcome.
Technical Director
Read enough Facebook and you have to make Sanity Checks. I guess FB is the Great Old One of the interent these days... - Beamrider
*Rotates Fire*
*Rotates it again*
*Notes text wrapping so that the whole message is visible and legible without side scrolling*
^_^
*Notes lack of Messages link, and that Fireheart has noted it also*
:(
*Logs on with phone*
*Notes wrapping text still works!*
^_^
Foradain, Mage of Phoenix Rising.
[url=https://cityoftitans.com/forum/foradains-character-conclave]Foradain's Character Conclave[/url]
.
Avatar courtesy of [s]Satellite9[/s] [url=https://www.instagram.com/irezoomie/]Irezoomie[/url]