VoyForums

Login ] [ Contact Forum Admin ] [ Main index ] [ Post a new message ] [ Search | Check update time ]
Subject: Re: Testing 3


Author:
jesus
[ Next Thread | Previous Thread | Next Message | Previous Message ]
Date Posted: 08:02:17 01/31/13 Thu
In reply to: testing 's message, "Re: Testing 2" on 07:07:53 01/31/13 Thu

Assuming you are now in the
Advanced Forum CSS & Table-style Settings

and you're scrolled down to
CSS code (this is the actual code)



If you want to create your own unique forum,
Just remember that lines .c1, .c2, and .cp are most important.
So, if you only toggle those 3 lines,
this can change the entire "look" of your forum.
(So, replace XXXXXX with a 6-digit number.
(and, of course,
remove the words "Topics", "Messages And Body" "The Comment Box"

.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
.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}

For your convenience, I've given a few examples.
These are not the only options available.
and, each color coordination can produce hundreds of possibilities.
-------------------------------
So, here are a few basic types:

YELLOW

.cb{background-color:#9d9d9d}
.chd{background-color:#7a7789;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:#9d9d9d}
.chd{background-color:#7a7789;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:#9d9d9d}
.chd{background-color:#7a7789;font-family:arial;font-weight:bold;color:#ffffff}
.c1{background-color:#FF3333}
.c2{background-color:#FF9999}
.cp{background-color:#CC0000}
.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold}
.ttm{font-size:9pt}


Green

.cb{background-color:#9d9d9d}
.chd{background-color:#7a7789;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:#9d9d9d}
.chd{background-color:#7a7789;font-family:arial;font-weight:bold;color:#ffffff}
.c1{background-color:#0099CC}
.c2{background-color:#00CCFF}
.cp{background-color:#006699}
.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:#9d9d9d}
.chd{background-color:#7a7789;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}


Off White

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



Grayish Gray

.cb{background-color:#9d9d9d}
.chd{background-color:#7a7789;font-family:arial;font-weight:bold;color:#ffffff}
.c1{background-color:#AAAAAA}
.c2{background-color:#CCCCCC}
.cp{background-color:#9D9D9D}
.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}

You may change all the colors, if desired.
But, these 3 lines are the bulk of physical changes.


Of course, if you want to choose a dark color,
such as Dark blue, or black;
you will probably need to completely change the Word schemes.

[ Next Thread | Previous Thread | Next Message | Previous 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.