Post by Valitrix on Nov 25, 2011 1:42:45 GMT -5
Global Header:
Global Footer:
DO NOT REMOVE THE CREDIT FROM THE GLOBAL FOOTERS!
<script>
<!--
/* Border-Around-Forum using Gradients - by Smangii */
var hg = "#titlebg"; // Class of the Header Gradient
var mc = "#577b9a"; // Color of the middle portion
var bg = "#titlebg"; // Class of the Footer Gradient
document.write('<table width="850px" cellspacing="0" cellpadding="10" class="bordercolor" align="center"><tr><td width="100%" class="'+hg+'"></td></tr><tr><td width="100%" bgcolor="'+mc+'">')
//-->
</script>
<script type="text/javascript">
<!--
/*
PM Bar v2
This code was created by Animus of RPGC
*/
var td=document.getElementsByTagName('td');
var insertTable = document.getElementsByTagName("table")[0].insertRow(2);
var insertCell = insertTable.insertCell(0);
var alrt="yes";
insertCell.className = "windowbg";
insertCell.height = "18px"
insertCell.align = "center";
var cellC = " | <a href='/index.cgi?action=pm&view=2'>Outbox</a> | <a href='/index.cgi?action=pmprefs'> Prefs </a> | <a href='/index.cgi?action=pmsend'> Send message </a> )</font>";
if(td[2].innerHTML.match(/, (\d+)\ (are|is) new./i)){
var newPM = RegExp.$1;
}
if(pb_username=='Guest'){
insertCell.innerHTML="<font size=1> welcome guest ( <a href='/index.cgi?action=login'>Login</a> | <a href='/index.cgi?action=register'>Register</a> )";
}
else if(newPM<1){
insertCell.innerHTML="<font size =1>( <a href='/index.cgi?action=pm'>No new messages</a>" + cellC;
}
else if(newPM>1){
insertCell.innerHTML="<font size=1>( <a href='/index.cgi?action=pm'>" + newPM + " New Private Messages!!</a>" + cellC;
if(!location.href.match(/action=pm/) && alrt=="yes"){
alert("You have "+ newPM +" New Private Messages!!!");
}}
else if(newPM==1){
insertCell.innerHTML="<font size=1>( <a href='/index.cgi?action=pm'>1 New Private Message!!</a>" + cellC;
if(!location.href.match(/action=pm/) && alrt=="yes"){
alert("You have 1 New Private Message!!!");
}}
//-->
<!--
document.getElementsByTagName("font")[1].style.display='none';
document.getElementsByTagName("td")[2].style.display='none';
//-->
</script>
<!-- =====
START Smangii's {LEFT} Side Tables *REVISED*
Global Header
===== -->
<script>
// Resize the welcome table - can be % or a number of pixels
document.getElementsByTagName('table')[0].style.width='100%';
</script>
<style type="text/css">
#sidetables { width: 175px; margin-bottom: 15px; margin-right: 15px; }
</style>
<table width="800px" align="center" cellpadding="0px" cellspacing="0px">
<tr>
<td vAlign="top">
<!-- ===== WELCOME ===== -->
<table id="sidetables" cellpadding="4px" class="bordercolor" cellspacing="1">
<tr><td align="center" class="titlebg"><img src="http://i1208.photobucket.com/albums/cc361/gemster12/000welcome.png" border="0">
</td></tr>
<tr><td class="windowbg">
welcome message here. welcome message here. welcome message here. welcome message here. welcome message here. welcome message here. welcome message here.<BR><BR>
<center><form><select name="select" size="1" class="forminput" name="menu"onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option value=''>quick links!</option>
<option value='urlhere'>link 1</option>
<option value='urlhere'>link 2</option>
<option value='urlhere'>link 3</option>
<option value='urlhere'>link 4</option>
</select></form></center>
</td></tr></table>
<!-- ===== UPDATES===== -->
<table id="sidetables" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg">
<img src="http://i1208.photobucket.com/albums/cc361/gemster12/00updates.png" border="0">
</td></tr>
<tr><td class="windowbg">
updates here. updates here. updates here. updates here. updates here. updates here. updates here. updates here. updates here. updates here. updates here. updates here.
</td></tr></table>
<!-- ===== STAFF ===== -->
<table id="sidetables" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg">
<img src="http://i1208.photobucket.com/albums/cc361/gemster12/00staff.png" border="0">
</td></tr>
<tr><td class="windowbg">
<center><img src="100x100 img" border="0"><BR>
<form><select name="select" size="1" class="forminput" name="menu"onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option value=''>staff rank!</option>
<option value='urlhere'>staff account</option>
<option value='urlhere'>character 1</option>
<option value='urlhere'>character 2</option>
<option value='urlhere'>character 3</option>
</select></form><BR>
<img src="100x100 img" border="0"><BR>
<form><select name="select" size="1" class="forminput" name="menu"onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option value=''>staff rank!</option>
<option value='urlhere'>staff account</option>
<option value='urlhere'>character 1</option>
<option value='urlhere'>character 2</option>
<option value='urlhere'>character 3</option>
</select></form></center>
</td></tr></table>
<!-- ===== CBOX ===== -->
<table id="sidetables" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg">
<img src="http://i1208.photobucket.com/albums/cc361/gemster12/000cbox.png" border="0">
</td></tr>
<tr><td class="windowbg">
place cbox here. it should be no more than 175px wide. place cbox here. it should be no more than 175px wide. place cbox here. it should be no more than 175px wide.
</td></tr></table>
<!-- ===== AFFILIATES ===== -->
<table id="sidetables" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg">
<img src="http://i1208.photobucket.com/albums/cc361/gemster12/00aff.png" border="0">
</td></tr>
<tr><td class="windowbg">
<tr>
<td width="70%" class="windowbg" vAlign="top">
<marquee onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);">
<a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND"><img src="http://i54.tinypic.com/4hdsow.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
</marquee>
</td>
</td>
</tr>
<tr>
<td width="70%" class="windowbg" vAlign="top">
<marquee onmouseover="this.setAttribute('scrollamount', 0, 0);" onmouseout="this.setAttribute('scrollamount', 6, 0);">
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
<a href="http://testthecat.proboards.com"><img src="http://i.imgur.com/svljI.png" border="0" width="88px" height="33px" /></a>
</marquee>
</td>
</td></tr></table>
<! -- ***NOTE*** Place any extra added side tables above this line // -->
</td><td align="center" vAlign="top" width="100%">
<div id="wel"></div>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
//-->
</script>
Global Footer:
<script type="text/javascript">
/* Code Tag Modification by hpmad
Do not repost or claim as your own without permission
This header must remain intact */
var table = document.getElementsByTagName('table');
if(location.href.match(/action=(display|recent|pmview|search2)/i)){
for(i=0;i<table.length;i++){
if(table[i].className=='code'){
var codeArea = table[i].firstChild.firstChild.firstChild.firstChild.innerHTML;
codeArea = codeArea.replace(/&nb+sp;/gi,' ');
codeArea = codeArea.replace(/&a+mp;/gi,'&');
codeArea = codeArea.replace(/\t/gi,'&nb+sp;&nb+sp; ')
codeArea = codeArea.replace(/<br\s?\/?>/gi,'\n');
table[i].parentNode.parentNode.parentNode.parentNode.parentNode.innerHTML = '<font size="1"><center><form><textarea class="codeArea" style="font-size: 8pt;" readonly name="codeArea" cols="20" rows="3">'+codeArea+'</textarea><br><input type="button" value="highlight" onclick="javascript:this.form.codeArea.focus();this.form.codeArea.select();"></form></center>';
i--;
}
}
}
</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' && gCell[c].getElementsByTagName('b')[0] && gCell[c].getElementsByTagName('b')[0].firstChild && 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 on/off column on main page by Devin
Do not redistribute */
var td = document.getElementsByTagName("td");
var remove_onoff_column = {
init: function(){
if(location.href.match(/action=home/i) || !location.href.match(/(action|board)=/i)){
this.rem();
this.fn();
}
},
rem: function(){
for(i = 0; i < td.length; i ++){
if(td[i].width == "8%" && td[i].className == "windowbg" && td[i].vAlign == "middle"){
td[i].style.display = "none";
}
}
},
fn: function(){
for(i = 0; i < td.length; i ++){
if(td[i].colSpan == 2 && td[i].className == "titlebg" && td[i].innerHTML.match(/Forum Name/i)){
td[i].colSpan = "1";
}
}
}
}
remove_onoff_column.init();
//-->
</script>
<!-- =====
START Smangii's {LEFT} Side Tables *REVISED*
Global Footer
===== -->
<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table[i]) {
if(width == '92%') {
width = '100%';
}}}
//-->
</script>
</td></tr></table>
<script>
<!--
document.write('</td></tr><tr><td width="100%" class="'+bg+'"></td></tr></table>')
//-->
</script>
<center><b><font size="+4"color="A9A9A9">SKIN MADE BY <a href=http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?s=bc5da9dbc8e716d45e3978da1d5334ce&showuser=43158>VALITRIX</a> @ <a href=http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?act=idx>CAUTION 2.0</a></font><BR><font color="A9A9A9">CODES CREDITED TO THEIR MAKERS @ <a href=http://support.proboards.com/>PROBOARDS SUPPORT</a><BR>SITE CONTENT BELONGS TO yournamehere AND THE MEMBERS OF sitenamehere.</font></b></center>
DO NOT REMOVE THE CREDIT FROM THE GLOBAL FOOTERS!