| Author |
 Topic  |
|
D3mon
Senior Member
United Kingdom
1685 Posts |
 Posted - 21 August 2002 : 12:10:10
|
If you're thiinking of converting your v.34 forums to CSS here's my list of classes you can add to inc_header.asp:
".bgforumcellcolor { background-color:" & strForumCellColor & "; }" & vbNewLine & _
".bgaltforumcellcolor { background-color:" & strAltForumCellColor & "; }" & vbNewLine & _
".bgforumfirstcellcolor { background-color:" & strForumFirstCellColor & "; }" & vbNewLine & _
".bgtablebordercolor { background-color:" & strTableBorderColor & "; }" & vbNewLine & _
".bgheadcellcolor { background-color:" & strHeadCellColor & "; }" & vbNewLine & _
".bgcategorycellcolor { background-color:" & strCategoryCellColor & "; }" & vbNewLine & _
".bgpopupbordercolor { background-color:" & strPopupBorderColor & "; }" & vbNewLine & _
".bgpopuptablecolor { background-color:" & strPopupTableColor & "; }" & vbNewLine & _
".bgpagecolor { background-color:" & strPageBGColor & "; }" & vbNewLine & _
".defaultfacedefaultsizedefaultcolor { font-family:" & strDefaultFontFace & "; font-size:" & strDefaultFontSize & "pt; color:" & strDefaultFontColor & "; }" & vbNewLine & _
".defaultfacedefaultsizeheadcolor { font-family:" & strDefaultFontFace & "; font-size:" & strDefaultFontSize & "pt; color:" & strHeadFontColor & "; }" & vbNewLine & _
".defaultfacedefaultsizecategorycolor { font-family:" & strDefaultFontFace & "; font-size:" & strDefaultFontSize & "pt; color:" & strCategoryFontColor & "; }" & vbNewLine & _
".defaultfacedefaultsizeforumcolor { font-family:" & strDefaultFontFace & "; font-size:" & strDefaultFontSize & "pt; color:" & strForumFontColor & "; }" & vbNewLine & _
".defaultfacedefaultsizehilitecolor { font-family:" & strDefaultFontFace & "; font-size:" & strDefaultFontSize & "pt; color:" & strHiLiteFontColor & "; }" & vbNewLine & _
".defaultfacefootersizeheadcolor { font-family:" & strDefaultFontFace & "; font-size:" & strFooterFontSize & "pt; color:" & strHeadFontColor & "; }" & vbNewLine & _
".defaultfacefootersizeforumcolor { font-family:" & strDefaultFontFace & "; font-size:" & strFooterFontSize & "pt; color:" & strForumFontColor & "; }" & vbNewLine & _
".defaultfacefootersizecategorycolor { font-family:" & strDefaultFontFace & "; font-size:" & strFooterFontSize & "pt; color:" & strCategoryFontColor & "; }" & vbNewLine & _
".defaultfacefootersizeHilitecolor ( font-family:" & strDefaultFontFace & "; font-size:" & strFooterFontSize & "pt; color:" & strHiLiteFontColor & "; )" & vbNewLine & _
".defaultfaceheadersizeHilitecolor ( font-family:" & strDefaultFontFace & "; font-size:" & strHeaderFontSize & "pt; color:" & strHiLiteFontColor & "; )" & vbNewLine & _
".defaultfaceheadersize { font-family:" & strDefaultFontFace & "; font-size:" & strHeaderFontSize & "pt;}" & vbNewLine & _
".defaultfacedefaultsize { font-family:" & strDefaultFontFace & "; font-size:" & strDefaultFontSize & "pt;}" & vbNewLine & _
".defaultfacefootersize { font-family:" & strDefaultFontFace & "; font-size:" & strFooterFontSize & "pt;}" & vbNewLine & _
".defaultfaceHiLitecolor { font-family:" & strDefaultFontFace & """; size:8pt; color:" & strHiLiteFontColor & "; }" & vbNewLine & _
".footersizehilitecolor { font-size:" & strFooterFontSize & "pt; color:" & strHiLiteFontColor & "; }" & vbNewLine & _
".defaultface { font-family:" & strDefaultFontFace & "; }" & vbNewLine & _
".defaultsize { font-size:" & strDefaultFontSize & "pt; }" & vbNewLine & _
".footersize { font-size:" & strFooterFontSize & "pt; }" & vbNewLine & _
".hilitecolor { color:" & strHiLiteFontColor & "; }" & vbNewLine & _
Examples:
<td bgcolor=""" & strPopUpTableColor & """>
coverts to:
<td class=""bgpopuptablecolor"">
<font face=""" & strDefaultFontFace & """ size=""" & strDefaultFontSize & """ color=""" & strDefaultFontColor & """>
converts to:
<font class=""defaultfacedefaultsizedefaultcolor"">
This covers all the combinations in use currently. |
Snitz 'Speedball' : Site Integration Mod : Friendly Registration Mod
"In war, the victorious strategist only seeks battle after the victory has been won" |
Edited by - D3mon on 21 August 2002 12:51:02 |
|
|
D3mon
Senior Member
United Kingdom
1685 Posts |
Posted - 21 August 2002 : 12:27:02
|
Almost forgot, there's a tweak to the file admin_config_colors.asp too.
<option value=""8""" & chkSelect(strDefaultFontSize,1) & ">1 (8 pt)</option>" & vbNewLine & _
<option value=""10""" & chkSelect(strDefaultFontSize,2) & ">2 (10 pt)</option>" & vbNewLine & _
<option value=""12""" & chkSelect(strDefaultFontSize,3) & ">3 (12 pt)</option>" & vbNewLine & _
<option value=""14""" & chkSelect(strDefaultFontSize,4) & ">4 (14 pt)</option>" & vbNewLine & _
<option value=""18""" & chkSelect(strDefaultFontSize,5) & ">5 (18 pt)</option>" & vbNewLine & _
<option value=""24""" & chkSelect(strDefaultFontSize,6) & ">6 (24 pt)</option>" & vbNewLine & _
<option value=""36""" & chkSelect(strDefaultFontSize,7) & ">7 (36 pt)</option>" & vbNewLine & _
The value=""x"" in each line need to be changed to the point size of the font instead of the HTML value. Do this for the HeaderFontSize and FooterFontSize drop down box options too. |
Snitz 'Speedball' : Site Integration Mod : Friendly Registration Mod
"In war, the victorious strategist only seeks battle after the victory has been won" |
 |
|
|
Azaniah
Senior Member
United Kingdom
1004 Posts |
Posted - 21 August 2002 : 12:35:32
|
You mean you are not going to write a CSS mod for us?
|
Eagles fly!, but weasels don't get sucked into jet engines. |
|
|
|
D3mon
Senior Member
United Kingdom
1685 Posts |
Posted - 21 August 2002 : 12:47:43
|
Ah yes well, it's not 'technically' a MOD as there's a whole load of code-work to do afterwards.
Unfortunately, I don't know anything about Perl (which some members have used to automatically do the actual code conversions (thouands of lines!)
If anyone wants to help me out with that, we can make it a joint-effort MOD!  |
Snitz 'Speedball' : Site Integration Mod : Friendly Registration Mod
"In war, the victorious strategist only seeks battle after the victory has been won" |
|
|
|
GauravBhabu
Advanced Member
4288 Posts |
Posted - 21 August 2002 : 13:14:16
|
You need not define different classes for size, color and background color. Following names for classes, Short and descriptive as they are, will cover most requirements
header
cat
forum
firstCell
altCell
popUp
hiLite
new
footnote
copyright
menu
|
CSS and HTML4.01 Compilant Snitz Forum . ForumSquare . Rakesh Jain
It is difficult to IMPROVE on Perfection, There is no harm in Keep Trying.
Prayer Of Forgiveness "I forgive all living beings. May all living beings forgive me!
I cherish the friendliness towards all and harbour enmity towards none." -- Aavashyaka Sutra(Translated) |
|
|
|
@tomic
Senior Member
USA
1790 Posts |
Posted - 21 August 2002 : 13:23:00
|
quote:
header
cat
forum
firstCell
altCell
popUp
hiLite
new
footnote
copyright
menu
This is closer to the approach I took because some of the other alternatives, while giving greater flexibility, were overkill to me.
@tomic |
SportsBettingAcumen.com |
|
|
|
D3mon
Senior Member
United Kingdom
1685 Posts |
|
|
GauravBhabu
Advanced Member
4288 Posts |
Posted - 21 August 2002 : 13:31:16
|
This is one example
.tablePop
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: #f8f8ff;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: #000000
} |
|
|
|
GauravBhabu
Advanced Member
4288 Posts |
Posted - 21 August 2002 : 13:35:37
|
This is what I use at my site.
<STYLE>
BODY
{
BORDER-TOP: #006600 thin solid;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
BACKGROUND-IMAGE: url(../images/backgrounds/green_checks.jpg);
MARGIN: 0px;
BORDER-LEFT: #006600 thin;
COLOR: #ffffff;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: #575d48
}
.pageTitle
{
FONT-WEIGHT: 900;
FONT-SIZE: 18px;
COLOR: #575d48;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: transparent
}
.tableMain
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: #f5fffa;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: #9fa984
}
.tablePop
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: #f8f8ff;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: #000000
}
.copyright
{
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: transparent
}
.table
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
WIDTH: 100%;
COLOR: #ffffff;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: #9fa984
}
A:active
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #ffffff;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: underline
}
A:link
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: #ffffff;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
A:visited
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: #ffffff;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
A:hover
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
COLOR: #ffff99;
FONT-FAMILY: Arial, Verdana, Sans-serif;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: underline
}
.cellOut
{
FONT-SIZE: 12px;
COLOR: #6a607b;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: #ffffff
}
.cellOut A:active
{
FONT-WEIGHT: 500;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: underline
}
.cellOut A:link
{
FONT-WEIGHT: 500;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.cellOut A:visited
{
FONT-WEIGHT: 500;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.cellOut A:hover
{
FONT-WEIGHT: 500;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: underline
}
.cellOver
{
FONT-SIZE: 12px;
COLOR: #6a607b;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: #cfd1ba
}
.cellOver A:active
{
FONT-WEIGHT: 500;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: underline
}
.cellOver A:link
{
FONT-WEIGHT: 500;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.cellOver A:visited
{
FONT-WEIGHT: 500;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.cellOver A:hover
{
FONT-WEIGHT: 500;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: underline
}
EM
{
FONT-WEIGHT: bold;
COLOR: #ffff00;
FONT-STYLE: normal;
BACKGROUND-COLOR: transparent
}
SMALL
{
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
BACKGROUND-COLOR: transparent
}
STRONG
{
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
COLOR: #006600;
BACKGROUND-COLOR: transparent
}
SUP
{
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
BACKGROUND-COLOR: transparent
}
.pageTitle A:active
{
FONT-WEIGHT: 900;
FONT-SIZE: medium;
COLOR: #575d48;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.pageTitle A:link
{
FONT-WEIGHT: 900;
FONT-SIZE: medium;
COLOR: #575d48;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.pageTitle A:visited
{
FONT-WEIGHT: 900;
FONT-SIZE: medium;
COLOR: #575d48;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.pageTitle A:hover
{
FONT-WEIGHT: 900;
FONT-SIZE: medium;
COLOR: #575d48;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: underline
}
BIG
{
FONT-WEIGHT: bold;
FONT-SIZE: 18px;
BACKGROUND-COLOR: transparent
}
INPUT
{
BORDER-RIGHT: #2d3831 1px solid;
BORDER-TOP: #2d3831 1px solid;
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
BORDER-LEFT: #2d3831 1px solid;
COLOR: #000000;
BORDER-BOTTOM: #2d3831 1px solid;
BACKGROUND-COLOR: transparent
}
.button
{
BORDER-RIGHT: #2d3831 double;
BORDER-TOP: #2d3831 double;
FONT-WEIGHT: 600;
FONT-SIZE: 11px;
BORDER-LEFT: #2d3831 double;
COLOR: #9fa984;
BORDER-BOTTOM: #2d3831 double;
BACKGROUND-COLOR: #006600
}
.help
{
FONT-WEIGHT: bold;
CURSOR: help;
FONT-FAMILY: 'Comic Sans MS', Sans-Serif;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.help A:active
{
FONT-WEIGHT: bold;
CURSOR: help;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.help A:link
{
FONT-WEIGHT: bold;
CURSOR: help;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.help A:visited
{
FONT-WEIGHT: bold;
CURSOR: help;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.help A:hover
{
FONT-WEIGHT: bold;
CURSOR: help;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.tableContent
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: #000000;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: #ffffff
}
CAPTION
{
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
BACKGROUND-COLOR: transparent
}
.navSection
{
COLOR: #575d48;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: transparent
}
.navSection TH
{
FONT-WEIGHT: 900;
FONT-SIZE: 18px;
COLOR: #575d48;
BACKGROUND-COLOR: transparent
}
.navSection TD
{
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #575d48;
BACKGROUND-COLOR: transparent
}
.navSection TH A:active
{
FONT-WEIGHT: 900;
FONT-SIZE: 18px;
COLOR: #575d48;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: underline
}
.navSection TH A:link
{
FONT-WEIGHT: 900;
FONT-SIZE: 18px;
COLOR: #575d48;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.navSection TH A:visited
{
FONT-WEIGHT: 900;
FONT-SIZE: 18px;
COLOR: #575d48;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.navSection TD A:active
{
FONT-WEIGHT: 900;
FONT-SIZE: 11px;
COLOR: #575d48;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: underline
}
.navSection TD A:link
{
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #575d48;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.navSection TD A:visited
{
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #575d48;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.navSection TD A:hover
{
FONT-WEIGHT: normal;
FONT-SIZE: 11px;
COLOR: #ffff99;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: underline
}
.navSection TH A:hover
{
FONT-WEIGHT: 900;
FONT-SIZE: 18px;
COLOR: #575d48;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: underline
}
.navSite
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: #ffffe0;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: transparent
}
.fldReq
{
FONT-WEIGHT: bold;
COLOR: #ff0000;
FONT-FAMILY: 'Comic Sans MS', Sans-Serif;
BACKGROUND-COLOR: transparent
}
.fldOpt
{
FONT-WEIGHT: bold;
COLOR: #daa520;
FONT-FAMILY: 'Comic Sans MS', Sans-Serif;
BACKGROUND-COLOR: transparent
}
.fldHide
{
DISPLAY: none;
VISIBILITY: hidden;
OVERFLOW: hidden
}
.fldError
{
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
COLOR: #ff0000;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: transparent
}
SELECT
{
FONT-WEIGHT: normal;
FONT-SIZE: 11px
}
UL
{
PADDING-LEFT: 0px;
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
MARGIN-LEFT: 2px;
BACKGROUND-COLOR: transparent;
TEXT-ALIGN: left
}
.tableContent A:active
{
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: underline
}
.tableContent A:link
{
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.tableContent A:visited
{
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: none
}
.tableContent A:hover
{
FONT-WEIGHT: normal;
COLOR: #000000;
BACKGROUND-COLOR: transparent;
TEXT-DECORATION: underline
}
OL
{
CLEAR: left;
PADDING-LEFT: 0px;
LIST-STYLE-TYPE: square;
POSITION: relative
}
CAPTION A:active
{
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
BACKGROUND-COLOR: transparent
}
CAPTION A:link
{
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
BACKGROUND-COLOR: transparent
}
CAPTION A:visited
{
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
BACKGROUND-COLOR: transparent
}
CAPTION A:hover
{
FONT-WEIGHT: normal;
FONT-SIZE: 9px;
BACKGROUND-COLOR: transparent
}
.time
{
FONT-WEIGHT: 100;
FONT-SIZE: 10px;
COLOR: #666666;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: transparent
}
.tableNav
{
FONT-WEIGHT: normal;
FONT-SIZE: 12px;
COLOR: #cccccc;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: #000000
}
.menuOver
{
FONT-SIZE: 12px;
CURSOR: auto;
COLOR: #6a607b;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: #cfd1ba
}
.menuOver A:link
{
FONT-WEIGHT: 500;
COLOR: #000000;
BACKGROUND-COLOR: transparent
}
.menuOver A:active
{
FONT-WEIGHT: 500;
COLOR: #000000;
BACKGROUND-COLOR: transparent
}
.menuOver A:visited
{
FONT-WEIGHT: 500;
COLOR: #000000;
BACKGROUND-COLOR: transparent
}
.menuOver A:hover
{
FONT-WEIGHT: 500;
COLOR: #000000;
BACKGROUND-COLOR: transparent
}
.tablePop INPUT
{
COLOR: #f8f8ff;
BACKGROUND-COLOR: transparent
}
IMG
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
BORDER-LEFT: medium none;
BORDER-BOTTOM: medium none
}
.hLite
{
FONT-SIZE: 12px;
COLOR: #003300;
FONT-FAMILY: Arial, Verdana, Sans-Serif;
BACKGROUND-COLOR: #cccccc
}
.menuSize
{
WIDTH: 165px;
HEIGHT: 300px
}
.colSize
{
HEIGHT: 480px
}
.colLeft
{
WIDTH: 165px;
HEIGHT: 480px
}
DT
{
FONT-WEIGHT: bold
}
</STYLE>
|
CSS and HTML4.01 Compilant Snitz Forum . ForumSquare . Rakesh Jain
It is difficult to IMPROVE on Perfection, There is no harm in Keep Trying.
Prayer Of Forgiveness "I forgive all living beings. May all living beings forgive me!
I cherish the friendliness towards all and harbour enmity towards none." -- Aavashyaka Sutra(Translated) |
|
|
|
D3mon
Senior Member
United Kingdom
1685 Posts |
Posted - 21 August 2002 : 13:43:47
|
Ah, yes I see. That would be fine for a developer, but in my examples, I followed the form of the original definitions so that the corrections can easily be made by search+replace fucntions on the original code.
For a moment there, I thought you were suggesting using multi-class defintions:
class=""footnote hilitle""
which would only be supported by IE.
Indeed, in my own forums, I have used a similar system as you suggested to cut down the work involved. |
Snitz 'Speedball' : Site Integration Mod : Friendly Registration Mod
"In war, the victorious strategist only seeks battle after the victory has been won" |
|
|
|
Azaniah
Senior Member
United Kingdom
1004 Posts |
Posted - 22 August 2002 : 04:57:15
|
surely whichever method you use, you will still need to search+replace?
Maybe I'm missing the point CSS isn't my hotpoint. |
Eagles fly!, but weasels don't get sucked into jet engines. |
|
|
|
Gremlin
General Help Moderator
New Zealand
7528 Posts |
Posted - 22 August 2002 : 09:58:07
|
| Personally I found you can get away with about 10 CSS definitions for the whole forum there was a lot of overkill imo in the CSS version that circulated last year. |
Kiwihosting.Net - The Forum Hosting Specialists
|
|
|
|
@tomic
Senior Member
USA
1790 Posts |
|
|
bax
Junior Member
141 Posts |
Posted - 18 September 2002 : 20:57:54
|
| Ideally, IMO, the admins should set standards for this, and release a version that allows style sheets. This way, we could allow our users to customize the look of the forum as THEY want it, rather than as what the admins want it. |
|
|
|
work mule
Senior Member
USA
1358 Posts |
Posted - 19 September 2002 : 15:31:29
|
When I put together my stylesheet last year, I compiled a list of every variation of font tags in use in the forum code. There were so many variations of font sizes, colors, etc in the base Snitz code, while the mods were even worse. People were mixing up (Header, Footer, Category) color variables in with (Header, Footer, Category) colors in their font tags, there would be Header colors with hard-coded sizes, etc. It was a mess, but I accounted for every variation that was returned when I did a search in all files. Looking through the current version, it looks a lot cleaner and is more consistant.
Anyways...
quote:
Originally posted by GauravBhabu
You need not define different classes for size, color and background color. Following names for classes, Short and descriptive as they are, will cover most requirements
header
cat
forum
firstCell
altCell
popUp
hiLite
new
footnote
copyright
menu
Why wouldn't you need to define different classes for sizes and colors? I don't think it's as simple as 11 classes. Maybe it should/could be (not going to argue that point), but the fact is that it is not.
Here's one example with current Snitz code.
Searching for: strFooterFontSize
Found 221 occurrence(s) in 33 file(s)
Within the results for strFooterFontSize, here's how many times various FontColors appeared:
142 - strForumFontColor
5 - strHeadFontColor
2 - strHiLiteFontColor
3 - strCategoryFontColor
48 - no Font Color used in the font tag
The remainder were lines where the variable was referenced for non-font tag stuff.
Some other stuff:
For a single header class. What would be put into that class?
strHeaderFontSize and/or strHeadFontColor?
Searching for: strHeadFontColor
Found 111 occurrence(s) in 34 file(s)
Searching for: strHeaderFontSize
Found 223 occurrence(s) in 42 file(s)
Comparing results, strHeadFontColor and strHeaderFontSize never appear in the same font tag. So looking at this, Header Font Size and Header Font Color (as labeled in the admin area) aren't really related at all. (I always thought they were...misleading.... )
Header Font Size (strHeaderFontSize) is actually used when displaying notices/messages back to users. When it's an error message it will appear with strHiLiteFontColor, when it's a success message it doesn't include a color. So there are two variations for strHeaderFontSize.
Searching for: <font
Found 2388 occurrence(s) in 81 file(s)
Oh...if you're going to CSS, then don't forget about the various font colors, font sizes and fonts which can be selected when someone is posting a message. 
|
|
|
|
work mule
Senior Member
USA
1358 Posts |
Posted - 19 September 2002 : 16:02:21
|
Let me clarify/summarize what I posted above...
In order to provide exactly the same (possible) variations which currently exist in the Snitz code you cannot do it with just a few styles.
FONT SIZES: 3
strDefaultFontSize
strHeaderFontSize
strFooterFontSize
FONT COLORS: 6
strDefaultFontColor
strHeadFontColor
strCategoryFontColor
strForumFontColor
strHiLiteFontColor
strNewFontColor
3 sizes x 6 colors = 18 possible combinations
This doesn't take into account instances where you want to use a size/color without spec'ing the other, which would increase it to 28 possible combinations. |
|
|
|
Topic |
|
|
|
Topic Locked
