Color Coded Stylesheet Help
March 28, 2024, 12:52:14 pm
Welcome, Guest. Please login or register.

Login with username, password and session length
 
  Home Help Search Arcade Gallery Links Staff List Calendar Members Login Register  

How to make the fonts white everywhere on a black background

Pages: [1]
  Print  
Author Topic: How to make the fonts white everywhere on a black background  (Read 424 times)
simply sibyl
Administrator
*****
Posts: 35



View Profile
« on: May 13, 2007, 10:52:07 am »

Change the a:link color to #FFFFFF in this section

Code:

/* Normal, standard links. */
a:link
{
color: #FFFFFF;
text-decoration: underline;
}
a:visited
{
color: #333333;
text-decoration: none;
}
a:hover
{
color: #525252;
text-decoration: underline;
}


Change the Navigation link color to:   #FFFFFF in this section
NOTE:   I set font weight to bold so that it shows up better on a dark background.
This can be done in other areas as well.

Code:
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #FFFFFF;
             font-weight: bold;
text-decoration: none;
             width: 50%;

}

 

Look for this:      

/* The main body of the entire forum. */
body

Add  "color: #FFFFFF;


Look for this:

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
   color: #000000;
   font-size: small;
   font-family: verdana, sans-serif;
}


Change it to:

Code:
/* By default (td, body..) use verdana in black. */
body, th
{
color: #000000;
font-size: small;
font-family: verdana, sans-serif;
}


Look for the section for windowbg, windowbg2, windowbg3 (heading for it is:  /* Alternating backgrounds for posts, and several other sections of the forum. */)

replace it with this:
NOTE:   be sure you set your background colors/fonts as you want them.
           This section now allows you to setup windowbg, windowbg2, windowbg3 separately so that you can
           change the default colors in other sections without it effecting these sections.

Code:
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: #D4D4D4;
}
.windowbg2
{
color: #000000;
background-color: #DBDBDB;
}
.windowbg3
{
color: #000000;
background-color: #BDBDBD;
}

/* windowbg, windowbg2, windowbg3 link colors */
.windowbg a:link, .windowbg2 a:link, .windowbg3 a:link
{
color: #000000;
text-decoration: none;
}
.windowbg a:visited, .windowbg2 a:visited, .windowbg3 a:visited
{
color: #000000;
text-decoration: none;
}
.windowbg a:hover, .windowbg2 a:hover, .windowbg3 a:hover
{
             color: #000000;
text-decoration: underline;
}

« Last Edit: May 13, 2007, 11:06:15 am by simply sibyl » Report Spam   Logged

Share on Facebook Share on Twitter



Pages: [1]
  Print  
 
Jump to:  

Bookmark this site! | Upgrade This Forum
SMF For Free - Create your own Forum
Powered by SMF | SMF © 2016, Simple Machines
Privacy Policy