VoyForums
1 CLICK GIVES FREE FOOD!
www.TheHungerSite.com
Protect Habitat with a Click!
www.TheRainforestSite.com
Non-profit ad served by VoyForums...

Login ] [ Contact Forum Admin ] [ Post a new message ] [ Search | Check update time ]


Create a forum. (page 3)


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




Subject Author Date Msgs
the tester threadadmin15:06:44 04/17/14 Thu4


Login ] Create Account Not required to post.
Post a new public message:
* HTML allowed in marked fields.
Message subject (required):

Name (required):

  Expression (Optional mood/title along with your name) Examples: (happy, sad, The Joyful, etc.) help)

  E-mail address (optional):

* Type your message here:


Notice: Copies of your message may remain on this and other systems on internet. Please be respectful.

here's the Mega HTML Tutorial from T.E. Shannon & company: The HTML Tutorial


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

[ 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-2017 Voyager Info-Systems. All Rights Reserved.