VoyForums
[ Show ]
Support VoyForums
[ Shrink ]
VoyForums Announcement: Programming and providing support for this service has been a labor of love since 1997. We are one of the few services online who values our users' privacy, and have never sold your information. We have even fought hard to defend your privacy in legal cases; however, we've done it with almost no financial support -- paying out of pocket to continue providing the service. Due to the issues imposed on us by advertisers, we also stopped hosting most ads on the forums many years ago. We hope you appreciate our efforts.

Show your support by donating any amount. (Note: We are still technically a for-profit company, so your contribution is not tax-deductible.) PayPal Acct: Feedback:

Donate to VoyForums (PayPal):

Login ] [ Contact Forum Admin ] [ Main index ] [ Post a new message ] [ Search | Check update time ]
Subject: GO TO Bottom


Author:
administration
[ Next Thread | Previous Thread | Next Message | Previous Message ]
Date Posted: 15:54:22 03/03/13 Sun

If you look below,
you'll see a convenient lesson on CSS.
This feature enables you to change the entire look of any forum.

Plus, as an added bonus:
the photographs show exactly how to encode the CSS.

IT's too complicated to figure out.
So, when inputting all the "Chd" "cb" "cp" etc.;
it's easiest to just copy my instructions exactly.

Then, when choosing the entire css code,
such as
.cb{background-color:#ffcc99}
.chd{background-color:#a58ddf;font-family:arial;font-
weight:bold;color:#ffffff}
.c1{background-color:#f3ecac}
.c2{background-color:#FFFFcc}
.cp{background-color:#33CCCC}
.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold} .ttm{font-size:9pt}

you may then alter the numerical codes,
in order to match your color preferences.

[ Next Thread | Previous Thread | Next Message | Previous Message ]

Replies:
[> Subject: Re: CSS colors


Author:
Various color codes
[ Edit | View ]

Date Posted: 16:48:40 03/03/13 Sun


Just in case you missed my initial instruction
(on http://voy.com/229901/ );

here are some basic color codes.
Obviously, there are other options.
And, each color can be altered.
Notice that I prefer darker subject lines,
even when using lighter colors.
Or, simple gray.

darkish blue

.cb{background-color:#9d9d9d}
.chd{background-color:#8881ac;font-family:arial;font-weight:bold;color:#ffffff}
.c1{background-color:#aed1e8}
.c2{background-color:#ddE4FF}
.cp{background-color:#85a5b4}
.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold}
.ttm{font-size:9pt}




this creates a strong, bright Baby Blue appearance.
-------------------------------------

.cb{background-color:#9d9d9d}
.chd{background-color:#9f92b8;font-family:arial;font-weight:bold;color:#ffffff}
.c1{background-color:#aed1e8}
.c2{background-color:#ddE4FF}
.cp{background-color:#99ccff}
.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold}
.ttm{font-size:9pt}



So, here are a few basic types:

YELLOW

.cb{background-color:#827ca9}
.chd{background-color:#aa9bbf;font-family:arial;font-weight:bold;color:#ffffff}
.c1{background-color:#FFFF99}
.c2{background-color:#FFFFCC}
.cp{background-color:#FFFF33}
.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold}
.ttm{font-size:9pt}



Orange
.cb{background-color:#d8bfd8}
.chd{background-color:#7d78a6;font-family:arial;font-weight:bold;color:#ffffff}
.c1{background-color:#FFCC66}
.c2{background-color:#FFE5B1}
.cp{background-color:#FFA500}
.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold}
.ttm{font-size:9pt}



Red

.cb{background-color:#7d78a6}
.chd{background-color:#7d78a6;font-family:arial;font-weight:bold;color:#ffe6ff}
.c1{background-color:#c7b2ef}
.c2{background-color:#FF9999}
.cp{background-color:#1a6666}
.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold}
.ttm{font-size:9pt}



Green

.cb{background-color:#aa9bbf}
.chd{background-color:#948ab2;font-family:arial;font-weight:bold;color:#ffffff}
.c1{background-color:#99FF66}
.c2{background-color:#CCFF99}
.cp{background-color:#66CC33}
.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold}
.ttm{font-size:9pt}




Blue (mild)

.cb{background-color:#9d9d9d}
.chd{background-color:#7a7789;font-family:arial;font-weight:bold;color:#ffffff}
.c1{background-color:#99FFFF}
.c2{background-color:#CCFFFF}
.cp{background-color:#33CCCC}
.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold}
.ttm{font-size:9pt}


Blue (stronger)

.cb{background-color:#71adcb}
.chd{background-color:#;font-family:arial;font-weight:bold;color:#ffffff}
.c1{background-color:#0099CC}
.c2{background-color:#00CCFF}
.cp{background-color:#6d64d0}
.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold}
.ttm{font-size:9pt}


Blue (alternative)

.cb{background-color:#9d9d9d}
.chd{background-color:#7a7789;font-family:arial;font-weight:bold;color:#ffffff}
.c1{background-color:#6699FF}
.c2{background-color:#99CCFF}
.cp{background-color:#3366CC}
.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold}
.ttm{font-size:9pt}


PINK

.cb{background-color:#827ca9}
.chd{background-color:#666999;font-family:arial;font-weight:bold;color:#ffffff}
.c1{background-color:#FF99FF}
.c2{background-color:#FFCCFF}
.cp{background-color:#FF33FF}
.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold}
.ttm{font-size:9pt}

SOOO.
In short, you simply alter those 3 important lines.
And, replace it with a 6-digit number of your choice.

.cb{background-color:#9d9d9d}
.chd{background-color:#7a7789;font-family:arial;font-weight:bold;color:#ffffff}
.c1{background-color:#xxxxxx} Topics
.c2{background-color:#xxxxxx} Messages AND Body
(choose a lighter color)
.cp{background-color:#xxxxxx} The Comment Box
.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold}
.ttm{font-size:9pt}

[ Post a Reply to This Message ]


Post a message:
This forum requires an account to post.
[ Create Account ]
[ Login ]
[ Contact Forum Admin ]


Forum timezone: GMT-8
VF Version: 3.00b, ConfDB:
Before posting please read our privacy policy.
VoyForums(tm) is a Free Service from Voyager Info-Systems.
Copyright © 1998-2019 Voyager Info-Systems. All Rights Reserved.