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 | Archives: 1234567[8] ]
Subject: Lesson #5: IT'S COMPLICATED.


Author:
Advanced Forum CSS
[ Next Thread | Previous Thread | Next Message | Previous Message ]
Date Posted: 09:30:47 01/30/13 Wed
In reply to: Moderator 's message, "How to create your own Forum" on 19:08:17 01/29/13 Tue

Obviously, there are plenty of additional colors you may use.
But this will help you when choosing.

Now it's time for the more complicated stuff.
I will NOT give any explanations on why this is done.
I will only give basic instructions which you might want to follow exactly. (In other words: don't bother trying to ask why or how it works.)
-----------------------------

When you're making your own Voy Forum, the silver tuna is being able to distinguish comments separately from the background.

In other words: You don't want the entire page to be the same exact color.
IT would be much preferable to define a foreground.


So, please follow these steps:
GO TO
Advanced User Controls
General
now, scroll down past date format, banning, Index,
AND GO TO:
ADVANCED FORUM CSS & TABLE-STYLE SETTINGS

--------------------------------------

go past
Forum Style
Page Background Color
Normal Text Color
Visited Link Color
Active link color
URL to background
Table Layout (CHOOSE #2 CLEAN)
Force Message Tables to 100% (Check YES)

scroll past CSS (cascading style sheet

Go all the way to
COMPACT & SUPERCOMPACT MODES ONLY

Now, copy these options exactly
-------------------------------------------------

Row of Header Titles: (You can leave this line blank)

Title 1 (ie. Subject/TD tag): chd

Title 2 (ie. Author/TD tag): chd

Title 3 (ie. Date/TD tag): chd

Title 4 (ie. MsgCounts/TD tag): chd

Row for Message (TR tag): c1

Area 1 (ie. subject/TD tag): ...blank

Area 2 (ie. author/TD tag): ....blank

Area 3 (ie. date/TD tag): ..you can leave blank

Area 4 (ie. msgcounts/TD tag) :...blank

Doing this enables your Thread headlines to have its own color.


Now,
please repeat these sequences WITHOUT asking questions.


Where it says
GLOBAL/other
------

Message Tables: ... (leave blank)

Message Table Borders: cb

Post-box Tables: cp

Post-box Table Borders: cb

Message View - Top : chd

Message View - Left: c1

Message View - Right : c2

Area saying "Replies": c2

Area saying "Replies": c2


Doing this enables your reply-section to create its own color. Wow.
Now, your forum starts to take on a professional appearance.

In other words,
Not only can you change the color of your forum headline,
but, the responses will have yet another color.

Of course, you should be careful, because some sequences might look terrible, of course.

SO, keep them typical.
For example:
If you choose an orange Title of thead,
then,
you should choose a lighter orange (or darker orange) response.
But, that's quite obvious.

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

Replies:
[> Subject: Infinite Options in CSS. (Simple too)


Author:
moderator.
[ Edit | View ]

Date Posted: 09:42:44 01/30/13 Wed

So, in the previous lesson,
you're being told to input simple letters into the option boxes.
So, when it asks for
Title 1 (ie. Subject/TD tag):
You're supposed to input the letters chd

and, so on. It's that simple.
Now, you've unleashed the power of CSS.
And, you needn't have any knowledge of CSS whatsoever.

Just toggle the #000000 colors, etc to your liking.


Here's the CSS sequence which creates a darkish blue appearance.

-----------------------------------------

.cb{background-color:#9d9d9d}
.chd{background-color:#7a7789;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}

------------------------------------

Or, maybe, try this one (just for practice).


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

.cb{background-color:#9d9d9d}
.chd{background-color:#7a7789;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}



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