Purpose:
This simple MOD will use a table to display sections of source code marked off by Forum Code. The table is customizable via CSS to look however you'd like. I tried to stay true to the CSS naming scheme of SpeedBall II.
To see an example:
http://www.geekstorm.com/forum/topic.asp?topic_id=14
Username: snitzguest
Password: snitz
To implement:
1. In your inc_func_common.asp file, find the following two lines located approx line 1294
CodeTags(1,1,2) = "<pre id=""code""><span style=""font:courier"" class=""hfs"" id=""code"">"
CodeTags(1,2,2) = "</span id=""code""></pre id=""code"">"
2. Replace them with these two lines: (recommended that you comment the original ones out)
CodeTags(1,1,2) = "<table cellpadding=""0"" cellspacing=""0"" class=""cb""><tr><td class=""cbhc cbht"">Code:</td></tr><tr><td class=""cbcc""><pre id=""code""><span class=""cbct"" id=""code"">"
CodeTags(1,2,2) = "</span id=""code""></pre id=""code""></td></tr></table>"
3. Add the following lines to your CSS file:
/* Code Box Styles */
.cb { border:#000000 1px; left: 50px; position:relative; } /* Code Box Table */
.cbhc { background:#000000} /* Codebox Header Cell */
.cbht { color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 10px; } /* Codebox Header Text */
.cbcc { background:#777777; padding: 12px; } /* Codebox Code Cell */
.cbct { font-family: Courier, "Courier New", mono; font-size: 12px; color: #FFFF66; } /* Codebox Code Text */
.cbct a:link { color:#000000; text-decoration:none } /* CodeBox Link Color/Decoration */
.cbct a:visited { color:#000000; text-decoration:none } /* CaodeBox Link Color/Decoration */
.cbct a:active { color:red; text-decoration:underline } /* CodeBox Link Color/Decoration */
.cbct a:hover { color:red; text-decoration:underline } /* CodeBox Link Color/Decoration */
Topic Locked
Posted - 11 March 2004 : 11:32:25
