Welcome, Guest. Please login or register.
Oct 19, 19, 11:04 PM

Login with username, password and session length

Google Search

Members
Stats
  • Total Posts: 104629
  • Total Topics: 11600
  • Online Today: 31
  • Online Ever: 167
  • (Mar 31, 19, 11:42 AM)
Users Online
Users: 0
Guests: 13
Total: 13

Themes





Author Topic: Improving readability  (Read 10598 times)

0 Members and 1 Guest are viewing this topic.

Offline Obblie

  • The Cat Astrophe
  • Landlord
  • ***
  • Posts: 14483
  • Bogle Points: 50
  • Gender: Male
  • Kissy kissy...
Improving readability
« on: Jan 02, 05, 12:37 PM »
Opera
You can alter the zoom in the browser view

I.E.
You can alter the text display size 'View'>'Text'>

NJF
I have been fiddling and I have added a 'Large Fonts' version of the default theme. The default fonts have been upped by about 20% and I've changed the buttons set to one with a cleaner look.
« Last Edit: Jan 02, 05, 01:15 PM by Obblie »
"Capitalism is the astounding belief that the most wickedest of men will do the most wickedest of things for the greatest good of everyone". John Maynard Keynes

Katzy

  • Guest
Re: Improving readability
« Reply #1 on: Jan 02, 05, 01:16 PM »
And I SOOOOO love the carpets and curtains, Wobbly.  Very homely. :D

Offline Casper the Ghost

  • I wonder what this button does . . . . .
  • Barfly
  • ***
  • Posts: 3097
  • Bogle Points: 0
  • Gender: Male
  • Livin on the Dark Side
Re: Improving readability
« Reply #2 on: Jan 02, 05, 07:43 PM »
Opera
You can alter the zoom in the browser view

Or just hold the Ctrl button down and roll your rodent wheel.
Now what should I put here?? Let me have a think.....

Offline Babs

  • Landlord
  • ***
  • Posts: 10787
  • Bogle Points: 5
Re: Improving readability
« Reply #3 on: Jan 02, 05, 07:45 PM »
Opera
You can alter the zoom in the browser view

Or just hold the Ctrl button down and roll your rodent wheel.

Ooh... That works.  :)
"Life is ten percent what you make it and ninety percent how you take it!"

 - Irving Berlin

Offline Derek

  • Being a nuisance
  • Landlord
  • ***
  • Posts: 13270
  • Bogle Points: 45
  • Gender: Male
    • Myonlinesecurity
Re: Improving readability
« Reply #4 on: Jan 26, 05, 08:55 AM »
Obblie

next time you are fiddling can you alter the text sizes in the large themes css a bit please

can you set the default .td body to normal rather than small text and the input boxes to 12pt


then change all the x-small to small

and in the default font sizes  make .smallttext 10pt normal 12pt and large can stay at large

I have tried overriding using FF internal settings, but when I do this then I get broken images & overlapping too much

changiong the css at root keeps the layout intact

Otherwise I am having immense problems reading much of the forums and if I override when I go to other websites it's all much to big

Offline Obblie

  • The Cat Astrophe
  • Landlord
  • ***
  • Posts: 14483
  • Bogle Points: 50
  • Gender: Male
  • Kissy kissy...
Re: Improving readability
« Reply #5 on: Jan 26, 05, 01:14 PM »
Try it now Derek, I think that I found them all.
"Capitalism is the astounding belief that the most wickedest of men will do the most wickedest of things for the greatest good of everyone". John Maynard Keynes

Offline Derek

  • Being a nuisance
  • Landlord
  • ***
  • Posts: 13270
  • Bogle Points: 45
  • Gender: Male
    • Myonlinesecurity
Re: Improving readability
« Reply #6 on: Jan 26, 05, 01:17 PM »
I'm still getting very small fonts in teh input box that is very difficult to see what i have mistyped

Offline Derek

  • Being a nuisance
  • Landlord
  • ***
  • Posts: 13270
  • Bogle Points: 45
  • Gender: Male
    • Myonlinesecurity
Re: Improving readability
« Reply #7 on: Jan 26, 05, 01:21 PM »
This is the css from the hedgehog site that shows the sizes  I have set there so I can read it all easily

Code: [Select]
/* Normal, standard links. */
a:link, a:visited
{
   color: #000000;
   text-decoration: none;
}
a:hover
{
   color: #993333;
   text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
   color: #000000;
   font-size: 10pt;
   text-decoration: none;
}
a.nav:hover
{
   font-weight: bold;
   color: #993333;
   text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
   empty-cells: show;
}

/* By default (td, body..) use Tahoma in black. */
body, td
{
   color: #000000;
   font-size: normal;
   font-family: Tahoma, arial, helvetica, serif;
}

/* The main body of the entire forum. */
body
{
   background-color: #FFF7C6;
   margin: 0px;
   padding: 0px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
   font-size: 12pt;
   color: #000000;
   font-family: Tahoma, arial, helvetica, serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
   font-size:9pt;
   font-weight: normal;
   color: #000000;
   font-family: Tahoma, arial, helvetica, serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
   height: 1px;
   border: 0;
   color: #666666;
   background-color: #666666;
}

/* A quote, perhaps from another post. */
.quote
{
   color: #000000;
   background-color: #DDDA83;
   border: 1px solid #000000;
   margin: 1px;
   padding: 1px;
   font-size: small;
}

/* A code block - maybe even PHP ;). */
.code
{
   color: #000000;
   background-color: #DDDA83;
   border: 1px solid #000000;
   padding: 1px;
   font-family: "courier new", helvetica, "times new roman", serif;
   font-size: small;
   width: 99%;
   margin: 1px auto 1px auto;
   white-space: nowrap;
   overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
   color: #000000;
   text-decoration: none;
   font-style: normal;
   font-weight: bold;
   font-size: small;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
   cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
   color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
   width: 96%;
}

/* Highlighted text - such as search results ;). */
.highlight
{
   background-color: yellow;
   font-weight: bold;
   color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
   color: #000000;
   background-color: #F4F7D3;
}
.windowbg2
{
   color: #000000;
   background-color: #F9FBE4;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
   color: black;
   font-style: normal;
   background-color: #D6BC60;
}
.titlebg a:hover
{
   color: #dfdfdf;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg
{
   background-image: url(images/catbg.jpg);
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
   background-image: url(images/catbg2.jpg);
}

.catbg, .catbg2
{
   font-weight: bold;
   background-color: #EFE895;
   color: #000000;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
   background-color: #305126;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
   border: 1px solid #305126;
   background-color: #F9F8C3;
   padding: 2px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
   font-size: 10pt;
   font-family: Tahoma, arial, helvetica, serif;
}
.normaltext
{
   font-size: 12pt;
}
.largetext
{
   font-size: large;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
   background-color: #F9F8C3;
   border-bottom: 1px solid #305126;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
   background-color: #F9F8C3;
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
   color: black;
   background-color: #F9F8C3;
   border-top: 1px solid #305126;
}

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
   background-color: #B7A35D;
   border: 1px solid #305126;
}
.headerbodies
{
   border: 1px solid #305126;
   background-color: #F4F7D3;
   background-repeat: repeat-x;
   background-position: bottom;
}

Offline Obblie

  • The Cat Astrophe
  • Landlord
  • ***
  • Posts: 14483
  • Bogle Points: 50
  • Gender: Male
  • Kissy kissy...
Re: Improving readability
« Reply #8 on: Jan 26, 05, 05:41 PM »
Sorry Derek Input and Select were set to 10pt and not 12 pt, done now.
"Capitalism is the astounding belief that the most wickedest of men will do the most wickedest of things for the greatest good of everyone". John Maynard Keynes

Offline Derek

  • Being a nuisance
  • Landlord
  • ***
  • Posts: 13270
  • Bogle Points: 45
  • Gender: Male
    • Myonlinesecurity
Re: Improving readability
« Reply #9 on: Jan 26, 05, 06:07 PM »
That's great

absolutely  :purr: now :tnx:

Offline Obblie

  • The Cat Astrophe
  • Landlord
  • ***
  • Posts: 14483
  • Bogle Points: 50
  • Gender: Male
  • Kissy kissy...
Re: Improving readability
« Reply #10 on: Jan 26, 05, 06:19 PM »
I am here to please............  ;D
"Capitalism is the astounding belief that the most wickedest of men will do the most wickedest of things for the greatest good of everyone". John Maynard Keynes

dogsmum

  • Guest
Re: Improving readability
« Reply #11 on: Jan 26, 05, 07:26 PM »

 Ohhhh and so close to home  ::)

Offline Obblie

  • The Cat Astrophe
  • Landlord
  • ***
  • Posts: 14483
  • Bogle Points: 50
  • Gender: Male
  • Kissy kissy...
Re: Improving readability
« Reply #12 on: Jan 26, 05, 07:31 PM »
Hubba hubba.......
"Capitalism is the astounding belief that the most wickedest of men will do the most wickedest of things for the greatest good of everyone". John Maynard Keynes

Katzy

  • Guest
Re: Improving readability
« Reply #13 on: Jan 27, 05, 11:11 AM »
You forgot your smiley, Obblie...


Offline lucubration

  • Barfly
  • ***
  • Posts: 4681
  • Bogle Points: 0
  • (4.277 per day)
Re: Improving readability
« Reply #14 on: May 05, 05, 02:52 AM »
I like the Derek Theme! I can see again  :-* :s:
Travel  Videos <<NOTE: IE only>>

vocatus atque non vocatus deus aderit