|
Post by WINN HOLDEN BRANTON. on Jul 29, 2009 19:56:42 GMT -5
yes you could! it's the border-bottom for the catbg, I beleive, in the CSS at the top of the header. Let me just find the codes and get them for you... This might be a little hard to do, because Proboards skins aren't just a cut-and-paste method, there'll be a lot of different feilds we'll have to fiddle with.
And I should probably let you know that a lot of these codes are NOT part of the skin, just stuff that I threw in there when I was using it for my site. Stuff like the member legend and the links in the submenu can and definitely should be edited to fit your site!
firs thing's first, go to HEADERS/FOOTERS and then Headers and Footers Preferences. Make sure that everything is as follows:
Header position: above title bar global headers potision: below title bar header display order: global header first footer display order: global footer second.
Now we can go to your Skins panel and go to modify your skin. As with pretty much any pb skin that is more than just the colours that you plug into the skin panel, You won't be able to have more than one skin, because you can only have one set of headers and footers. So... I know, that sucks, but yeah.
Just plug these colours and all in to where they're supposed to be:
|
|
|
Post by WINN HOLDEN BRANTON. on Jul 29, 2009 20:02:49 GMT -5
okay. Now for the headers and footers- first, the GLOBAL ones.
GLOBAL HEADER.
<!-- GLIDE PM BAR --> <style type="text/css"> /* Glide PM Bar CSS */ #glide div a { color: #ffffff; /* COLOR OF LINKS IN THE BAR */ } #glide { background-color: #000000; /* BACKGROUND COLOR OF BAR */ color: #bbbbbb; /* TEXT COLOR IN BAR */ font-size: 9px; /* no more editing */ width: 100%; height: 25px; overflow: hidden; position: fixed; top: 0px; left: 0px; } body { margin-top: 35px; } #glide div { margin: 5px; } #glide #gleft { float: left; } #glide #gright { float: right; }; #glide { position: absolute; top: expression(document.body.scrollTop); padding-right: 0px; } </style>
<div id="glide" onmouseover="glideShow();" onmouseout="glideHide();"><div id="gleft"></div><div id="gright"></div></div>
<script type="text/javascript"> <!-- /* Glide PM Bar v1.0 Written by Devin F Don't redistribute */
var ginfo = document.getElementsByTagName("font")[2].innerHTML.split(/<br\s?\/?>/i); var glide = document.getElementById("glide"); var gleft = document.getElementById("gleft"); var gright = document.getElementById("gright"); var ghide;
document.body.removeChild(document.body.getElementsByTagName("br")[0]); gleft.innerHTML = (pb_username != "Guest") ? ginfo[0] : "Please <a href='index.cgi?action=login'>login</a> or <a href='index.cgi?action=register'>register</a> to use this feature"; gright.innerHTML = ginfo[1] + gright.innerHTML;
function glideHide(){ //<-- IT RHYMES! =P ghide = setTimeout("glide.style.height = '3px'", 500); }
function glideShow(){ //<-- Doesn't rhyme. =( glide.style.height = '25px'; clearTimeout(ghide); }
window.onload = glideHide();
//--> </script> <!-- END OF GLIDE PM BAR -->
<!--CSS //--> <style type="text/CSS"> .button{ margin: 2px; font-weight: bold; font-size: 7pt; } #forumjump { display: none; }
.backborder { width: 850px; padding: 10px; padding-right: 20px; margin-top: 20px; background: #C0C3B2; border: 5px solid #84867a; }
u { text-decoration: none; background: #C0C3B2; color: #6c6c6c; font-weight: bold;}
TABLE, TR, TD { font-family: verdana, tahoma, sans-serif; font-size: 10px; }
.windowbg { font-size: 10px; } .windowbg2 { font-size: 10px; }
a:link, a:visited, a:active { text-decoration: none; font-family: georgia, times, serif; text-transform: uppercase; } a:hover { text-decoration: none; font-family: georgia, times, serif; text-transform: uppercase; }
.catbg, td.catbg { border-bottom: 12px solid #9DAE3C; vertical-align:middle; font-weight:bold; color:#FFF; font-family: georgia; text-transform: uppercase; text-align:left; letter-spacing:-1px; padding:5px 10px 5px 5px; background-color:#36312d; } .catbg a:link, .catbg a:active, .catbg a:visited { color: #FFFFFF; } .catbg img {display: none; }
.menubg { text-transform: lowercase; }
.pmbg { color: #D0D0D0; }
.topbg { background-color: #36312d; border: 1px solid #36312d; padding: 5px 5px 5px 50px; } .topbg a:link, .topbg a:visited, .topbg a:active, .topbg a:hover { color: #FFFFFF; background-color: #36312d; border: 1px solid #36312d; padding: 5px 5px 5px 0px; } .topbg img {display: none; }
textarea, input, select { background-color:#aeb1a1; border: 1px solid #84867a; font-size: 9px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
#wordcount { color: #6c6c6c; background: #C0C3B2; text-transform: lowercase; margin-top: 5px; }
</style> <!--CSS END //-->
<!--remove home //--> <script type="text/javascript"> <!-- document.getElementsByTagName('font').item(1).style.display="none"; //--> </script> <!--remove home //-->
<!--remove hey X //--> <script type="text/javascript"> <!-- document.getElementsByTagName('td').item(2).style.display="none"; //--> </script> <!--remove hey X //-->
<script type='text/javascript'> /* Clickable banner created by CrAzY_J Open Source*/
var Main = document.body.getElementsByTagName('font')[0]; var Source = Main.firstChild.src; Main.removeChild( Main.firstChild ); var Link = document.createElement('a'); var Image = document.createElement('img'); Link.href = this.location.href.split('.com')[0]+'.com'; Image.src = Source; Image.border = 0; Link.appendChild( Image ); Main.appendChild( Link ); </script>
<script type="text/javascript"> <!-- /* Fix Text Menu by california */
var begin=' ( '; var divider=' · '; var end=' )';
var menu=document.getElementsByTagName("td")[5].firstChild; var mlink=menu.getElementsByTagName("a"); for(i=0;i<mlink.length;i++) mlink[i].innerHTML=mlink[i].innerHTML.replace(/[\[\]]/g,''); var newmenu=menu.innerHTML.replace(/>(&nb{1}sp;|\s)</gi,'>'+divider+'<'); var middle = newmenu.replace(/&nb{1}sp;\s?$/gi,''); menu.innerHTML=begin+middle+end; // --> </script>
<!-- BEGIN TANGIBLES //-->
<table class="backborder" align="center"> <tr><td>
<div class="topbg" style="text-align:center;"> <a href="http://thankgod.proboards.com/index.cgi">HOME.</a> <a href="http://thankgod.proboards.com/index.cgi?action=members">MEMBERS.</a> <a href="http://thankgod.proboards.com/index.cgi?board=general&action=display&thread=2&page=1">RULES.</a> <a href="http://thankgod.proboards.com/index.cgi?action=display&board=general&thread=7">PLOT.</a> <a href="http://thankgod.proboards.com/index.cgi?board=applications&action=display&thread=8">FACE CLAIM.</a> <a href="http://thankgod.proboards.com/index.cgi?board=applications&action=display&thread=9">APPLICATION.</a> <a href="http://thankgod.proboards.com/index.cgi?board=applications&action=display&thread=181">CANONS.</a> <a href="http://thankgod.proboards.com/index.cgi?board=general&action=display&thread=22">SCHOOL RULES.</a> <a href="http://thankgod.proboards.com/index.cgi?board=applications&action=display&thread=10">CLASSES.</a></div>
<br></br>
<!-- =================================== HTML Left Side Tables for ProBoards - Smangii Style GLOBAL HEADERS =================================== //-->
<!-- Start Main Table //--> <table align="center" width="auto" cellpadding="5"> <tr> <td align="center" width="175px" vAlign="top"> <!-- Start Side Tables //--> <table width="100%" cellpadding="0"> <tr> <td>
<!-- WELCOME AND NAVIGATION //--> <table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1"> <div class="catbg" align="center">WELCOME...</div> <td class="windowbg" align="justify"> WELCOME. </td> </tr> </table> </br>
<!-- EVENTS //--> <table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1"> <div class="catbg" align="center">EVENTS...</div> <td class="windowbg" align="justify"> EVENTS, </td> </tr> </table> </br>
<!-- OF THE MOMENTS //--> <table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1"> SPOTLIGHTS. </td> </tr> </table> </br>
<!-- CBOX //--> <table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1"> <div class="catbg" align="center">CHATTAGE...</div> <td class="windowbg" align="left"> CBOX, </td> </tr> </table> </br>
<!-- STAFF//--> <table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1"> <div class="catbg" align="center">STAFF...</div> <td class="windowbg" align="center"> STAFF, </td> </tr> </table> </br>
<!-- ADVERTISING//--> <table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1"> <div class="catbg" align="center">ADVERTISE...</div> <td class="windowbg" align="center"> AFFILIATES, </td> </tr> </table> </br>
<!-- CREDITS//--> <table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1"> <div class="catbg" align="center">CREDITS...</div> <td class="windowbg" align="justify"> CREDITS, </td> </tr> </table> </br>
<!-- Close Side Tables //--> </td> </tr> </table> </td> <td vAlign="top"> <div id="wel"></div> <script type="text/javascript"> <!-- var welcomeTable = document.getElementsByTagName("table").item(0); document.getElementById("wel").appendChild(welcomeTable); //--> </script>
<!-- END SIDE TABLES GLOBAL HEADERS HTML //-->
|
|
|
Post by WINN HOLDEN BRANTON. on Jul 29, 2009 20:03:48 GMT -5
GLOBAL FOOTERS.<!-- SIDE TABLES GLOBAL FOOTERS - DO NOT REMOVE //--> <script type="text/javascript"> <!-- table = document.getElementsByTagName('table'); for(i = 0; i < table.length; i ++) { with(table ) { if(width == '92%') { width = '650'; }}} //--> </script> </td></tr></table> <!-- SIDE TABLES GLOBAL FOOTERS - DO NOT REMOVE //-->
<div class="topbg">skin made by <a href="http://forums.redcarpetrebellion.net/index.php?showtopic=1106">PALINDROME.</a> OF <a href="http://z8.invisionfree.com/redcarpetrebellion">RCR.</div> </td></tr></table> <br></br><center> <a href="http://www.digitalpoint.com/tools/geovisitors/"><img src="http://geo.digitalpoint.com/a.png" alt="Geo Visitors Map" style="border:0"></a> </center><br></br>
<script type="text/javascript" defer="defer"> // Font Fix / Font Scaling - CCWorld var fonts = document.getElementsByTagName("font"); for (i=0; i<fonts.length; i++){ if (fonts.item(i).size.match(/\d/)){ fonts.item(i).className = "fontFix" + fonts.item(i).size.replace("+", "Plus").replace("-", "Minus");}} </script>
<style type="text/css"> .fontFix1, .fontFixMinus2, .nav, .nav:link, .nav:visited, .nav:hover { font-size: 9px !important; } .fontFix2, .fontFixMinus1, a, .windowbg, .windowbg2 { font-size: 10px !important; } .fontFix3, .textarea { font-size: 13px; } .fontFix4, .fontFixPlus1 { font-size: 15px; } .fontFix5 { font-size: 16px; } .fontFix6 { font-size: 18px; } .fontFix7 { font-size: 20px; } .fontFix8 { font-size: 30px; } </style>
<script type="text/javascript"> <!--
/* Convert Buttons to Text by hpmad Do not repost or modify without permission from creator For more codes like this one go to: talkpark.proboards.com */
// these words are too long and may stretch the board var adjust = [ ['Advanced Moderation','Adv Mod'], ['Search This Thread','Search'], ['Search This Board','Search'], ['Add Bookmark','Bookmark'], ['Send Topic To Friend','Send'] ];
var img = document.getElementsByTagName('img'); for(i=0;i<img.length;i++){ if(img.src.match(/s\d+.images.proboards.com/i) && img.src.match(/(\/buttons)|(search2)|(newpoll)/i) && !img.src.match(/_sm\.gif/)){ img.alt = img.alt.replace(/(\[|\])/g,''); for(t=0;t<adjust.length;t++) if(img.alt.match(adjust[t][0])) img.alt = adjust[t][1]; var font = document.createElement('font'); font.className = 'button'; font.appendChild(document.createTextNode(img.alt)); img.parentNode.replaceChild(font, img); i--; } }
//--> </script>
<script> // Restrict Sig Size in Pixels by CD // Do not redistribute without permission
var height = ; // Height of box var width = 600; // Width of box
// No need to edit var aFO = document.getElementsByTagName("FONT"); if(location.href.match(/action=display/i)){ for(a=3;a<aFO.length;a++){ if(aFO.getElementsByTagName("HR").length == 1 && aFO.size == 1){ aFO.getElementsByTagName("HR")[0].style.display = "none"; aFO.innerHTML = "<hr size='1' class='hr' /><div style='width: "+width+"px; height: "+height+"px; overflow: scroll;'>"+aFO.innerHTML.replace(/<hr.+?>/i,"")+"</div>"; } } } </script>
<script type="text/javascript"> <!-- /* change column widths or remove columns in thread listing by california */
var colWidths = [5, 5, 0, 45, 20, 5, 5, 20];
var iRow = document.getElementsByTagName("tr"); if(location.href.match(/\?board=\w+&?(field=.+?)?((mod\w+|page)=\d+)?$/)){ for(r=0;r<iRow.length;r++){ var rCells = iRow[r].cells; var rLength = rCells.length; if(rCells[0] && rCells[0].colSpan.toString().match(/[78]/) && rLength == 1){ var starterA = (rCells[0].colSpan == 7) ? 1 : 0; for(a=starterA;a<colWidths.length;a++){ if(!colWidths){ rCells[0].colSpan--; } } }else if(rLength.toString().match(/[78]/) && rCells[rLength-1].width == "20%"){ var starterB = (rLength == 7) ? 1 : 0; for(c=starterB;c<colWidths.length;c++){ if(colWidths[c] && colWidths[c] != 0){ rCells[c-starterB].width = colWidths[c].toString() + "%"; }else{ rCells[c-starterB].style.display = "none"; } } } } }
// --> </script>
<script type="text/javascript"> <!-- function spellChecker( textObject ) { this.popUpUrl = '/speller/spellchecker.html'; this.popUpName = 'spellchecker'; this.popUpProps = "menu=no,width=440,height=350,top=70,left=120,resizable=yes,status=yes"; this.spellCheckScript = '/speller/server-scripts/spellchecker.pl'; this.replWordFlag = "R"; this.ignrWordFlag = "I"; this.replAllFlag = "RA"; this.ignrAllFlag = "IA"; this.fromReplAll = "~RA"; this.fromIgnrAll = "~IA"; this.wordFlags = new Array(); this.currentTextIndex = 0; this.currentWordIndex = 0; this.spellCheckerWin = null; this.controlWin = null; this.wordWin = null; this.textArea = textObject; this.textInputs = arguments; this._spellcheck = _spellcheck; this._getSuggestions = _getSuggestions; this._setAsIgnored = _setAsIgnored; this._getTotalReplaced = _getTotalReplaced; this._setWordText = _setWordText; this._getFormInputs = _getFormInputs; this.openChecker = openChecker; this.startCheck = startCheck; this.checkTextBoxes = checkTextBoxes; this.checkTextAreas = checkTextAreas; this.spellCheckAll = spellCheckAll; this.ignoreWord = ignoreWord; this.ignoreAll = ignoreAll; this.replaceWord = replaceWord; this.replaceAll = replaceAll; this.terminateSpell = terminateSpell; this.undo = undo; window.speller = this; } function checkTextBoxes() { this.textInputs = this._getFormInputs( "^text$" ); this.openChecker(); } function checkTextAreas() { this.textInputs = this._getFormInputs( "^textarea$" ); this.openChecker(); } function spellCheckAll() { this.textInputs = this._getFormInputs( "^text(area)?$" ); this.openChecker(); } function openChecker() { this.spellCheckerWin = window.open( this.popUpUrl, this.popUpName, this.popUpProps ); if( !this.spellCheckerWin.opener ) { this.spellCheckerWin.opener = window; } } function startCheck( wordWindowObj, controlWindowObj ) { this.wordWin = wordWindowObj; this.controlWin = controlWindowObj; this.wordWin.resetForm(); this.controlWin.resetForm(); this.currentTextIndex = 0; this.currentWordIndex = 0; this.wordFlags = new Array( this.wordWin.textInputs.length ); for( var i=0; i<this.wordFlags.length; i++ ) { this.wordFlags = []; } this._spellcheck(); return true; } function ignoreWord() { var wi = this.currentWordIndex; var ti = this.currentTextIndex; if( !this.wordWin ) { alert( 'Error: Word frame not available.' ); return false; } if( !this.wordWin.getTextVal( ti, wi )) { alert( 'Error: "Not in dictionary" text is missing.' ); return false; } if( this._setAsIgnored( ti, wi, this.ignrWordFlag )) { this.currentWordIndex++; this._spellcheck(); } } function ignoreAll() { var wi = this.currentWordIndex; var ti = this.currentTextIndex; if( !this.wordWin ) { alert( 'Error: Word frame not available.' ); return false; } var s_word_to_repl = this.wordWin.getTextVal( ti, wi ); if( !s_word_to_repl ) { alert( 'Error: "Not in dictionary" text is missing' ); return false; } this._setAsIgnored( ti, wi, this.ignrAllFlag ); for( var i = ti; i < this.wordWin.textInputs.length; i++ ) { for( var j = 0; j < this.wordWin.totalWords( i ); j++ ) { if(( i == ti && j > wi ) || i > ti ) { if(( this.wordWin.getTextVal( i, j ) == s_word_to_repl ) && ( !this.wordFlags[j] )) { this._setAsIgnored( i, j, this.fromIgnrAll ); } } } } this.currentWordIndex++; this._spellcheck();}function replaceWord() { var wi = this.currentWordIndex; var ti = this.currentTextIndex; if( !this.wordWin ) { alert( 'Error: Word frame not available.' ); return false; } if( !this.wordWin.getTextVal( ti, wi )) { alert( 'Error: "Not in dictionary" text is missing' ); return false; } if( !this.controlWin.replacementText ) { return; } var txt = this.controlWin.replacementText; if( txt.value ) { var newspell = new String( txt.value ); if( this._setWordText( ti, wi, newspell, this.replWordFlag )) { this.currentWordIndex++; this._spellcheck(); } }}function replaceAll() { var ti = this.currentTextIndex; var wi = this.currentWordIndex; if( !this.wordWin ) { alert( 'Error: Word frame not available.' ); return false; } var s_word_to_repl = this.wordWin.getTextVal( ti, wi ); if( !s_word_to_repl ) { alert( 'Error: "Not in dictionary" text is missing' ); return false; } var txt = this.controlWin.replacementText; if( !txt.value ) return; var newspell = new String( txt.value ); this._setWordText( ti, wi, newspell, this.replAllFlag ); for( var i = ti; i < this.wordWin.textInputs.length; i++ ) { for( var j = 0; j < this.wordWin.totalWords( i ); j++ ) { if(( i == ti && j > wi ) || i > ti ) { if(( this.wordWin.getTextVal( i, j ) == s_word_to_repl ) && ( !this.wordFlags[j] )) { this._setWordText( i, j, newspell, this.fromReplAll ); } } } } this.currentWordIndex++; this._spellcheck();}function terminateSpell() { var msg = "Spell check complete:\n\n"; var numrepl = this._getTotalReplaced(); if( numrepl == 0 ) { if( !this.wordWin ) { msg = ""; } else { if( this.wordWin.totalMisspellings() ) { msg += "No words changed."; } else { msg += "No misspellings found."; } } } else if( numrepl == 1 ) { msg += "One word changed."; } else { msg += numrepl + " words changed."; } if( msg ) { msg += "\n"; alert( msg ); } if( numrepl > 0 ) { for( var i = 0; i < this.textInputs.length; i++ ) { if( this.wordWin ) { if( this.wordWin.textInputs ) { this.textInputs.value = this.wordWin.textInputs; } } } } this.spellCheckerWin.close(); return true; }function undo() { var ti = this.currentTextIndex; var wi = this.currentWordIndex; if( this.wordWin.totalPreviousWords( ti, wi ) > 0 ) { this.wordWin.removeFocus( ti, wi ); do { if( this.currentWordIndex == 0 && this.currentTextIndex > 0 ) { this.currentTextIndex--; this.currentWordIndex = this.wordWin.totalWords( this.currentTextIndex )-1; if( this.currentWordIndex < 0 ) this.currentWordIndex = 0; } else { if( this.currentWordIndex > 0 ) { this.currentWordIndex--; } } } while ( this.wordWin.totalWords( this.currentTextIndex ) == 0 || this.wordFlags[this.currentTextIndex][this.currentWordIndex] == this.fromIgnrAll || this.wordFlags[this.currentTextIndex][this.currentWordIndex] == this.fromReplAll ); var text_idx = this.currentTextIndex; var idx = this.currentWordIndex; var preReplSpell = this.wordWin.originalSpellings[text_idx][idx]; if( this.wordWin.totalPreviousWords( text_idx, idx ) == 0 ) { this.controlWin.disableUndo(); } switch( this.wordFlags[text_idx][idx] ) { case this.replAllFlag : for( var i = text_idx; i < this.wordWin.textInputs.length; i++ ) { for( var j = 0; j < this.wordWin.totalWords( i ); j++ ) { if(( i == text_idx && j >= idx ) || i > text_idx ) { var origSpell = this.wordWin.originalSpellings[j]; if( origSpell == preReplSpell ) { this._setWordText ( i, j, origSpell, undefined ); } } } } break; case this.ignrAllFlag : for( var i = text_idx; i < this.wordWin.textInputs.length; i++ ) { for( var j = 0; j < this.wordWin.totalWords( i ); j++ ) { if(( i == text_idx && j >= idx ) || i > text_idx ) { var origSpell = this.wordWin.originalSpellings[j]; if( origSpell == preReplSpell ) { this.wordFlags[j] = undefined; } } } } break; case this.replWordFlag : this._setWordText ( text_idx, idx, preReplSpell, undefined ); break; } this.wordFlags[text_idx][idx] = undefined; this._spellcheck(); }}function _spellcheck() { var ww = this.wordWin; if( this.currentWordIndex == ww.totalWords( this.currentTextIndex) ) { this.currentTextIndex++; this.currentWordIndex = 0; if( this.currentTextIndex < this.wordWin.textInputs.length ) { this._spellcheck(); return; } else { this.terminateSpell(); return; } } if( this.currentWordIndex > 0 ) { this.controlWin.enableUndo(); } if( this.wordFlags[this.currentTextIndex][this.currentWordIndex] ) { this.currentWordIndex++; this._spellcheck(); } else { var evalText = ww.getTextVal( this.currentTextIndex, this.currentWordIndex ); if( evalText ) { this.controlWin.evaluatedText.value = evalText; ww.setFocus( this.currentTextIndex, this.currentWordIndex ); this._getSuggestions( this.currentTextIndex, this.currentWordIndex ); } } }function _getSuggestions( text_num, word_num ) { this.controlWin.clearSuggestions(); var a_suggests = this.wordWin.suggestions[text_num][word_num]; if( a_suggests ) { for( var ii = 0; ii < a_suggests.length; ii++ ) { this.controlWin.addSuggestion( a_suggests[ii] ); } } this.controlWin.selectDefaultSuggestion(); } function _setAsIgnored( text_num, word_num, flag ) { this.wordWin.removeFocus( text_num, word_num ); this.wordFlags[text_num][word_num] = flag; return true; } function _getTotalReplaced() { var i_replaced = 0; for( var i = 0; i < this.wordFlags.length; i++ ) { for( var j = 0; j < this.wordFlags.length; j++ ) { if(( this.wordFlags[j] == this.replWordFlag ) || ( this.wordFlags[j] == this.replAllFlag ) || ( this.wordFlags[j] == this.fromReplAll )) { i_replaced++; } } } return i_replaced; } function _setWordText( text_num, word_num, newText, flag ) { this.wordWin.setText( text_num, word_num, newText ); this.wordFlags[text_num][word_num] = flag; return true; } function _getFormInputs( inputPattern ) { var inputs = new Array(); for( var i = 0; i < document.forms.length; i++ ) { for( var j = 0; j < document.forms.elements.length; j++ ) { if( document.forms.elements[j].type.match( inputPattern )) { inputs[inputs.length] = document.forms.elements[j]; } } } return inputs; } function openSpellCheck(){ if(document.postForm) var speller = new spellChecker(document.postForm.subject,document.postForm.message); else var speller = new spellChecker(document.getElementsByName('message')[0]); speller.openChecker(); } // --> </script> <script type="text/javascript"> <!-- /* spell check with quick reply */ var mes = document.getElementsByName('message'); if(mes[0] && !document.postForm) { var qrForm = mes[0].parentNode; var pre = document.createElement('font'); pre.innerHTML = '<input type="button" value="Spell Check" onclick="openSpellCheck();">'; qrForm.insertBefore(pre, qrForm.lastChild.previousSibling) } //--> </script>
<script type="text/javascript"> <!-- /* remove last edit */ var font=document.getElementsByTagName("font"); if(location.href.match(/on=(displ|search2|(user)?rece)/)){ for(i=0;i<font.length;i++){ if(font.innerHTML.match(/Last\sEdit:/i) && font.parentNode.align=="left"){ font.style.display="none"; } } } // --> </script>
<script type="text/javascript"> <!-- /* Posting/PM Word Count - created by Eton Bones */
//set to minimum word count needed in order to make a post //or set to 0 to disable word count enforcement. var wordCountLimit=0;
if(document.getElementsByName('message').length){ var __submitBtn,__wc,__msg __msg=document.getElementsByName('message')[0]; __submitBtn=document.getElementsByTagName('input'); for(var count=0;count<__submitBtn.length;count++){ if(__submitBtn[count].accessKey && __submitBtn[count].accessKey=='s'){__submitBtn=__submitBtn[count];break;} } if(typeof(__submitBtn.length)=="undefined"){ __btnText=__submitBtn.value; __wc=document.createElement('div'); __wc.id="wordcount"; __wc.appendChild(document.createTextNode('Word Count: ')); __wc.appendChild(document.createElement('span')); __submitBtn.parentNode.appendChild(__wc); count=__msg.value.match(/\b\w+\b/g); count=(count)?count.length:0; __wc.lastChild.innerHTML=count; if(count<wordCountLimit && !location.href.match(/ion=pmsend/)){__submitBtn.disabled=true;} if(document.addEventListener){ __msg.addEventListener("keyup",wordUp,false); __msg.addEventListener("input",wordUp,false); __msg.addEventListener("change",wordUp,false); }else if(document.attachEvent){ __msg.attachEvent("onpropertychange",wordUp); }else{ __msg.onkeyup=wordUp; __msg.onmouseup=wordUp; __msg.onchange=wordUp; } } }
function wordUp(event){ if(this.document){var thiss=event.srcElement;}else{var thiss=this;} var count=thiss.value.match(/\b\w+\b/g); count=(count)?count.length:0; if(count>=wordCountLimit && wordCountLimit >0 && __submitBtn.disabled){ __submitBtn.disabled=false; } __wc.lastChild.innerHTML=count;
} //--> </script>
<script> //Replace Color Pulldown with Advanced Color Picker v1.0 [CB]
//Copyright 01-02-2006 ~Wonder //May be reposted anywhere as long as this header remains in tact //Put in Global Footer
//Enter the URL for the color UBBC icon colorIcon="http://img376.imageshack.us/img376/9562/coloricon8nx.gif";
//Do not change this image unless you are replacing it with the exact same image hexWheelUrl="http://img229.imageshack.us/img229/7030/colorchart3sn.png"; toChange=""; function jesusLovesYouNoMatterWhat() { cp=window.open('', 'colorPopUp', config='height=200,width=195, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, directories=no, status=no'); cp.focus(); cp.document.write("<scr"+"ipt>hexColors=[[255,0,0],[255,255,0],[0,255,0],[0,255,255],[0,0,255],[255,0,255],[255,0,0]];function getHex(x,y){if(x<180){for(i=1;i<7;i++){if(x<i*30)break;}x=(x-((i-1)*30))/30;temp=new Array(3);for(j=0;j<3;j++){temp[j]=Math.round((1-x)*hexColors[i-1][j]+(x)*hexColors[j]);}}else{temp=[127,127,127];}temp=[[255,255,255],temp,[0,0,0]];c=new Array(3);i=(y<90)?1:2;y=(y-((i-1)*90))/90;for(j=0;j<3;j++){x=Math.round((1-y)*temp[i-1][j]+(y)*temp[j]).toString(16);c[j]=(x.length<2?\"0\":\"\")+x;}c=c.join(\"\").toUpperCase();x=document.getElementById(\"col\");x.style.backgroundColor=c; x=x.getElementsByTagName(\"font\");x[0].innerHTML=c;x[1].innerHTML=c;}function getXY(e){ posx = 0; posy = 0; if (!e) var e = window.event; if (e.pageX || e.pageY) { posx = e.pageX; posy = e.pageY; } else if (e.clientX || e.clientY) { posx = e.clientX; posy = e.clientY; } posx=(posx>195)?195:posx;posy=(posy>180)?180:posy;getHex(posx,posy);} function returnColor(){opener.changeColor2(document.getElementById('col').getElementsByTagName('font')[0].innerHTML);window.close();}</scr"+"ipt><title>Click To Select</title><body onmousemove=\"getXY(event)\" topmargin=0 leftmargin=0 bottommargin=0 rightmargin=0> <div id=\"pos\" style=\"width:195; height:180; margin:0; padding:0;\"><img src=\""+hexWheelUrl+"\" onclick=\"javascript:returnColor()\" alt=\"Click To Select\"></div><div id=\"col\" style=\"width:195; height:20; margin:0; padding:0;\"><center><b><font color=\"FFFFFF\">FFFFFF</font> <font color=\"000000\">FFFFFF</font></b></center></div></body>"); } function changeColor2(temp) { add("",""); }
if(document.postForm) { document.postForm.color.style.display="none"; a=document.createElement("a"); a.href="javascript:jesusLovesYouNoMatterWhat()"; a.innerHTML="<img src=\""+colorIcon+"\" border=0 alt=\"Font Color\">"; document.postForm.color.parentNode.insertBefore(a,document.postForm.color.previousSibling); } </script>
<script type="text/javascript"> <!-- /* Descriptions in Subject Area by california ©2005, SoCal Codes, socal.proboards26.com */
var link=document.getElementsByTagName("a"); var font=document.getElementsByTagName("font"); var center=document.getElementsByTagName("center"); var loc=location.href; function fixBraces(){ for(i=0;i<center.length;i++){ if(center.innerHTML.indexOf('}{') != -1){ center.innerHTML=center.innerHTML.replace('}{','-'); } } if(document.title.indexOf('}{') != -1){ document.title=document.title.split('}{')[0]; } } if(loc.match(/on=(post$|createpoll|pmsend)/) && document.postForm && document.postForm.subject){ var sub=document.postForm.subject; sub.maxLength="30"; var dRow=sub.parentNode.parentNode.parentNode.insertRow(2); var dCell1=dRow.insertCell(0); var dCell2=dRow.insertCell(1); dCell1.className="windowbg"; dCell2.className="windowbg"; dCell1.innerHTML='<font size="2">Description:</font>'; dCell1.width="30%"; dCell2.width="70%"; var desBox=document.createElement("input"); desBox.maxLength="40"; desBox.name="description"; desBox.type="text"; desBox.size="40"; document.postForm.message.tabIndex="3"; desBox.tabIndex="2"; dCell2.appendChild(desBox); document.postForm.onsubmit=function(){ var d=desBox.value; if(d.length>0){ var tLength=parseInt(sub.value.length)+parseInt(d.length)+4; var dL=parseInt(d.length)-parseInt(tLength-46); dVal = (tLength<49 || !document.all) ? d : d.substring(0,dL)+'...'; sub.maxLength="50"; sub.value+=' }{ '+dVal; } return true; } }else if(document.postForm && loc.match(/on=post&/) && document.postForm.subject){ var sub=document.postForm.subject; if(sub.value.indexOf('}{') != -1){ sub.value=sub.value.split('}{')[0]; } }else if(loc.match(/on=(displ|search2|(user)?recen)/)){ for(i=0;i<font.length;i++){ var f=font.innerHTML; if(f.match(/(\}\{.+)(\(Rea|<| | »)/) && !f.match(/<input/i)){ var desc=RegExp.$1; font.innerHTML=f.replace(desc,' '); if(f.match(/Topic:/)){ var newDiv=document.createElement("div"); newDiv.innerHTML='[ '+desc.replace(/\s?\}\{\s?/,'')+' ]'; newDiv.style.fontSize="11px"; newDiv.style.fontWeight="normal"; font.parentNode.appendChild(newDiv); } } } if(document.getElementsByName("subject")[0]){ var sub=document.getElementsByName("subject")[0]; sub.value=sub.value.split(' }{ ')[0]; } fixBraces(); }else if(!loc.match(/action=/) || loc.match(/on=(mark|logo|home|viewp|pm)/)){ for(i=0;i<link.length;i++){ if(link.innerHTML.indexOf('}{') != -1 && link.href.match(/=(display|pmview)/)){ var lSplit=link.innerHTML.split('}{'); link.innerHTML=lSplit[0]; if(loc.match(/(board=|=pm($|&vie))/)){ var newDiv=document.createElement("div"); newDiv.style.fontSize="11px"; newDiv.style.marginLeft="4px"; newDiv.innerHTML=lSplit[1]; var parFont=link.parentNode.parentNode; parFont.appendChild(newDiv); if(parFont.parentNode.innerHTML.match(/pages:/i)){ parFont.nextSibling.nextSibling.firstChild.style.display="none"; } } } } } // --> </script>
<script type='text/javascript'> /* Remove on/off icons from sub-boards created by CrAzY_J Open Source*/
var gCell = document.body.getElementsByTagName('td'); var pattern = /^Sub-Boards$/; if( this.location.href.match(/board=\w+(&\w+=\d)?$/) ) { for( var c = 0 ; c < gCell.length ; c ++ ) { if( gCell[c].className == 'titlebg' && gCell[c].colSpan == '2' && pattern.test( gCell[c].getElementsByTagName('b')[0].firstChild.data ) ) gCell[c].colSpan = 1; if( gCell[c].width == '8%' && gCell[c].className == 'windowbg' ) gCell[c].style.display = 'none'; } } </script>
<script type="text/javascript"><!-- /* Remove/Replace Brackets Around Exalt and Smite Open Source */
// Symbol to left, middle, and right. Leave blank for nothing. var kSpace = [ "", " | ", "" ];
for(var td=document.getElementsByTagName("td"), x=6; x<td.length; x++){ if(td[x].width == "20%" && td[x].innerHTML.match(/action=karma/i)){ var br = td[x].innerHTML.split(/<br\s?\/?>/i); var i = br.length; while(--i > -1){ if(br.match(/action=karma/i)){ td[x].innerHTML = td[x].innerHTML.replace(br, kSpace[0] + br.match(/<.+?>.+?<\/a>/gi).join(kSpace[1]) + kSpace[2]); break; } } } } //--></script>
<script type="text/javascript"> <!-- /* Remove Brackets in Text Menu Created by Eichi theozymandius.proboards22.com/index.cgi */
// No editing required var td = document.getElementsByTagName('td'); for(t=0; t<td.length; t++){ if(td[t].className.match(/menubg/i)){ td[t].innerHTML = td[t].innerHTML.replace(/(\[|\])/gi,''); } } //--> </script>
<script type="text/javascript"> <!-- /* auto-select "forever" in login dropdown */ if(document.loginform){ document.loginform.minutes.selectedIndex=9; } // --> </script>
|
|
|
Post by WINN HOLDEN BRANTON. on Jul 29, 2009 20:04:55 GMT -5
okay, now for the MAIN footers. There's nothing in the main header, so don't worry about that.
MAIN FOOTER.
<script type="text/javascript"> <!-- /* Dividing Categories - Created by Peter
This code cannot be reposted anywhere other than SSDesigns or ProBoards Support.
This header must stay intact. */
// Size of the gap between categories var gapSize = 30;
var tabHTML = '<td id="rr" colspan="5"></table></td></tr></table><div style="height:' + gapSize + '"></div><table width="100%" cellspacing="0" cellpadding="0" class="bordercolor"><tr><td><table cellpadding="4" cellspacing="1" width="100%"><tr>';
if(location.href.match(/\.com(\/|.+cgi(\?|#.+|\?\w+=home)?)?$/i)){ var tBod = document.getElementsByTagName("tbody"); for(tb = 0; tb < tBod.length; tb ++){ for(r = 2; r < tBod.item(tb).rows.length; r ++){ var tBodObj = tBod.item(tb).rows.item(r).cells.item(0); if(tBodObj.className == "catbg" && tBodObj.colSpan == "5" && tBodObj.align != "right"){ var c = tabHTML + tBod.item(tb).firstChild.innerHTML + "</tr>"; var p = tBodObj.parentNode.innerHTML; var tBodPar = tBod.item(tb).parentNode.parentNode.parentNode.parentNode.parentNode; tBodPar.parentNode.innerHTML = tBodPar.parentNode.innerHTML.replace(p, c + p); } if(tBod.item(tb).rows.item(r).firstChild.id == "rr"){ tBod.item(tb).rows.item(r).style.display = "none"; } } } }
//--> </script>
<script type="text/javascript">
var modify_front_page = {
move_last_post: "no", // put yes if you would like to move the last post column to the left of posts/topics remove_on_off: "yes", // put yes if you would like to remove the on/off icons exec: function(){ this.do_work(); },
do_work: function(){ var cells = document.getElementsByTagName("td"); var newCell; for(var a = cells.length - 13; a > -1; a--){ if((cells.item(a).className.match(/windowbg2/i) && cells.item(a).width=="24%" || cells.item(a).className.match(/titlebg/i) && cells.item(a).width=="24%") && this.move_last_post.match(/yes/i)){ newCell = cells.item(a).parentNode.insertCell(cells.item(a).cellIndex-2); newCell.innerHTML = cells.item(a + 1).innerHTML; newCell.className = cells.item(a + 1).className; newCell.vAlign = cells.item(a + 1).vAlign; cells.item(a + 1).parentNode.removeChild(cells.item(a + 1)); } else if(this.remove_on_off.match(/yes/i) && cells.item(a).firstChild && cells.item(a).firstChild.alt !== undefined && cells.item(a).firstChild.alt.match(/\[(\s|\*)\]/i)){ cells.item(a).parentNode.removeChild(cells.item(a)); } else if(this.remove_on_off.match(/yes/i) && ((cells.item(a).colSpan == "2" && !cells.item(a).innerHTML.match(/(in|st|us|se|re)/i)) || cells.item(a).colSpan == "5")){ cells.item(a).colSpan--; } } } }; modify_front_page.exec(); </script>
<script> //remove info center icons var InfoIcon=document.getElementsByTagName("TD") for(t=0;t<InfoIcon.length;t++){ if(InfoIcon[t].className.match("windowbg") && InfoIcon[t].width=="20" && InfoIcon[t].vAlign=="middle"){ InfoIcon[t].style.display="none" }} </script>
<script type='text/javascript' language='JavaScript'> /* Remove "Mark as Read" Bar by Scorpian */ var riTd = document.getElementsByTagName('td'); if(location.href.match(/action=home/i) || !location.href.match(/(action|board)=/i)){ for(x=0; x<riTd.length; x++){ if(riTd[x].className == 'catbg' && riTd[x].colSpan == '5' && riTd[x].innerHTML.match(/Mark All Boards Read/i)){ riTd[x].parentNode.style.display = 'none'; } } } </script>
<script type="text/javascript"> <!-- /* remove main page mark as read bar */
var td = document.getElementsByTagName("td"); if(location.href.match(/com\/?((index\.cgi)?\??(action=(change.+?|logout|home))?(#.+)?)?$/)){ for(i=td.length-1; i>0; i--){ if(td[i].innerHTML.match(/action=markall/) && td[i].className == "catbg"){ td[i].parentNode.style.display = "none"; break; } } }
// --> </script>
<script type="text/javascript"> /* ProBattles User Legend by hpmad Do not repost or claim without permission from creator. This header must remain intact. */
var tehName = 'LEGEND.'; //text displayed under legend var borderCol = '1f1f1f'; //button border color var space = '3px'; //space between each button var tehWidth = '7px'; //button width var tehHeight = '7px'; //button height var ulWidth = '15%'; //users legend area width
//['Rank Name','Rank Color'], omit comma on last line var tehRanks = [ ['admin!','38565C'], ['school staff!','35808F'], ['senior!','358F52'], ['junior!','5C8F35'], ['sophomore!','CF9126'], ['freshman!','BF2FBC'], ['local!','BF2F35'] ];
//no need to edit anymore function userLegend(rank){ document.getElementById('userL').innerHTML = '<b>'+rank+'</b>'; }
function removeLegend(){ document.getElementById('userL').innerHTML = '<br />'; }
var td = document.getElementsByTagName('td');
for(i=0;i<td.length;i++){ if(td[i].className=='catbg' && td[i].colSpan=='2' && td[i].innerHTML.match(/>Users Online</i)){ var tehStuff = '<table align="center" cellpadding="3" width="98%"><tr><td align="left" valign="top">'+td[i+4].firstChild.firstChild.firstChild.firstChild.innerHTML+'</td><td width="'+ulWidth+'"><div align="right" id="userL"><br /></div><table width="auto" cellspacing="0" cellpadding="'+space+'"><tr>'; for(t=0;t<tehRanks.length;t++){ tehStuff += '<td><div style="width: '+tehWidth+'; height: '+tehHeight+'; border: 1px solid #'+borderCol+'; float: left; background-color: #'+tehRanks[t][1]+';" onmouseover="userLegend(\''+tehRanks[t][0]+'\');" onmouseout="removeLegend()"></div></td>'; } tehStuff += '</tr></table><b>'+tehName+'</b></td></tr></table>'; td[i+4].innerHTML = tehStuff; } } </script>
<script type="text/javascript"> <!-- /* remove Forum Name | Topics | Posts... and add thread & post info by california */ var td=document.getElementsByTagName("td"); if(location.href.match(/\/?((index\.cgi)?\??(action=(ma.+ad|logout|home))?(#.+)?)?$/)){ for(i=0;i<td.length;i++){ if(td[i].width=="1%" && td[i].innerHTML.match(/\d/)){ if(td[i+1].width.match(/^(1|7)%$/)){ td[i].innerHTML+="<br />threads"; td[i].width="8%"; }else{ td[i].innerHTML+="<br />posts"; td[i].width="7%"; } } if(td[i].width=="8%" && !td[i].innerHTML.match(/thread/)){ td[i].width="4%"; } if(td[i].className=="titlebg" && td[i].innerHTML.match(/Forum Name/i)){ td[i].parentNode.style.display="none"; } } } //--> </script>
<script type="text/javascript"> //Remove info center titlebar if( this.location.href.match(/\.com(\/(index\.cgi(\?|#\w+)?)?)?$/)) { var T = document.body.getElementsByTagName("td"); for(t=0;t<T.length;t++){ if(T[t].className == "titlebg" && T[t].innerHTML.match(/Info\sCenter/)) T[t].parentNode.style.display = "none"; }} </script>
<script type="text/javascript"> <!-- /* add "forum age" to the info center http://101support.proboards43.com - ross */
var startDate = ['16','05','2009']; // Forum start date in the form ['day','month','year']
// no need to edit below if(location.href.match(/\.com\/?(index.cgi)?\??(&?action=home)?(#\w+)?$/)) { var td = document.getElementsByTagName('td'); var sta = new Date(); sta.setDate(startDate[0]); sta.setMonth(startDate[1]-1); sta.setYear(startDate[2]); var cur = new Date(); var dif = cur - sta; var totalMonth = 0; var totalYear = 0; var totalDay = Math.floor(dif/(60 * 60 * 24 * 1000)) + 1; while(totalDay >= 365) { totalDay -= 365; totalYear++; } while(totalDay >= 30) { totalDay -= 30; totalMonth++; } var age = totalDay+' days'; if(totalMonth > 0) age += ', '+ totalMonth +' months'; if(totalYear > 0) age += ', '+ totalYear +' year'; age += '.'; for (i=td.length-1; i>0; i--) { if(td[i].width == '40%' && td[i-1].width == '60%') { td[i].firstChild.innerHTML += '<br />Forum Age: '+age; break; } } } //--> </script>
|
|
|
Post by WINN HOLDEN BRANTON. on Jul 29, 2009 20:05:26 GMT -5
okay, now we're almost done. The only thing left to do is make the titles look nice- Proboards is an asshole, so you have to do things by hand instead of just coding them that way.
For CATEGORY TITLES, name them accordingly;
[size=7]CATEGORY NAME.[/size]
For BOARD TITLES, name them like this;
[size=6][color=9DAE3C]•[/color][/size] board title,
and for the BOARD DESCRIPTIONS, just lsit them, like this;
[ul]this is the board description![/ul]
|
|