VoyForums: I created a Voy Forum

[ 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):

It's strongly recommended that you read create a forum (page 1) and create a forum (page 2) before viewing this page.

After much effort; I've finally created an easy way to alter the CSS features.
Obviously, this is NOT the only way.
But, my CSS prefixes (such as .row, .chd, .che,.chf ...etc, are perfectly tailored for Voy Forums.
They're grouped together in a user-friendly manner. So, future changes will be easy.

.... (The letter-sequences below are my personal choices. Although Voy allows you to create your own random letters.
☆ But, these following sequences are maximized for your convenience!

.row{background-color:#879EB0}
.chd{background-color:#8199b7;font-family:arial;font-weight:bold;color:#ffffff}
.che{background-color:#768E9E;font-family:arial;font-weight:bold;color:#eeeeee}
.chf{background-color:#8399b7;font-family:arial;font-weight:bold;color:#eeeeee}
.chg{background-color:#6F8696;font-family:arial;font-weight:bold;color:#dddddd}

.TB{background-color:#A6B8C9}
.Lin{background-color:#cccccc}

.mes{background-color:#ddE4FF}
.aut{background-color:#CAE1F0}

.rw2{background-color:#9fCCD1}
.dc{background-color:#aed1dd}
.dd{background-color:#9ebccf}
.de{background-color:#aed1dd}
.df{background-color:#9ebccd}

.box{background-color:#85a5b4}
.boz{background-color:#7185b4}

.va{font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold}
.ttm{font-size:9pt}

.postform input{background-color:#E4FCFF; color:#121609; border:solid #E9967A 1px; }

.postform textarea{background-color:#daecff; color:#162600; border:solid #0B705C 1px; border-radius:5px 12px;-moz-border-radius:16px; }

This CSS Code is optimized for specific options.
I'm using Tables 1 instead of Text 1.
The forum index format is compact mode and reply format is verbose (not necessary, but preferred).

In the Forum Administration Menu, I scrolled down to advanced user options
then, CSS, tables, & borders:
and, once I've entered this area; I then scroll all-the-way down to the Compact & SuperCompact modes only.

Afterward, I type-in a whole series of short letters aside the accompanying command.
and, it looks exactly like this:

Compact & SuperCompact modes only

Row of Header Titles (ie. subject, auth, ...) (TR tag): row
Title 1 (ie. Subject/TD tag):chd
Title 2 (ie. Author/TD tag):che
Title 3 (ie. Date/TD tag): chf
Title 4 (ie. MsgCounts/TD tag): chg
Row for Message (TR tag): rw2
Area 1 (ie. subject/TD tag): dc
Area 2 (ie. author/TD tag): dd
Area 3 (ie. date/TD tag): de
Area 4 (ie. msgcounts/TD tag): df

Global/other
Message Tables: lin
Message Table Borders: TB
Post-box Tables: box
Post-box Table Borders: boz
Message View - Top (subject):chd
Message View - Left (author): aut
Message View - Right (body): mes
Area saying "Replies" (Compact/Medium): mes
Area saying "Replies" (Compact/Medium): mes
VoyUser Settings: Style to display VoyUser account names
Forum Owner's VoyUser name:
Other VoyUser names:
General Table Settings

Please go to bottom of screen for detailed information. ↓ ↓ ↓

The first line; named .row is currently not being used on this forum.
It usually controls the entire subject/author/date/msgs
Now, each command is individually shaded (.chd, .che, .chf, .chg)

The .RW2 Row for Messages is also not being used, here.
It's now divided into 4 separate commands; .DC,.DD, .DE, & .DF.

.row{background-color:#7A8E9E}
(not being used. However; This could shade all 4 (subject | author | date | msgs)

.chd{background-color:#9999a2;font-family:arial;font-weight:bold;color:#ffffff}
--This alters the color color of SUBJECT--
.che{background-color:#A39EB0;font-family:arial;font-weight:bold;color:#ffffff}
--This alters the color of AUTHOR--
.chf{background-color:#9999a7;font-family:arial;font-weight:bold;color:#bcbcbc}
--This alters the color of DATE--
.chg{background-color:#8F94B5;font-family:arial;font-weight:bold;color:#b1b1b1}
--this alters the color of MSGS--

.tb{background-color:#fff4ef}
.lin{background-color:#cccccc}
--These 2 alter the shade of the lines which surround the message table--

.mes{background-color:#ddE4FF}
MES is the color of all messages & responses.
.aut{background-color:#aed1e8}
--this is the color of author, only when inside the messages--

.dc{background-color:#9DBCD1}
.dd{background-color:#9EB6CB}
.de{background-color:#9ebccd}
.df{background-color:#aed1dd}
--these 4 are the entire row directly below subject | Author | Date | Msgs--

.box{background-color:#85a5b4}
--☆ this is The Color of the entire giant message box ☆--
.boz{background-color:#0185b4}
--This is a halo which surrounds the entire box--

.va{color:#000099;font-style:italic;font-weight:bolder}
.vu{font-style:italic;font-weight:bold} .ttm{font-size:9pt}

.postform input{background-color:#E4FCFF;color:#121259; border:solid #0B705C 1px; }
--postform is the shaded color inside the message subject (required)| name (required)|expression| E-mail address--
--121259 is the color of all text within these message lines--
--and finally; the color is the thin line surrounding all the effects--

.postform textarea{background-color:#DAECEF;color:#0E0720; border:solid #E9967A 1px; border-radius:5px 10px;-moz-border-radius:10px; }
--the color inside the box, and; the color of text within the Message box--
--the border is the color which surrounds the box--