for chloe

[Justin Johnson]

This the global header. Read carefully and make appropriate changes to the code as needed.
Please note that I use a code for background images. This is because warping tends to
occur with the proboards background insert.

<!--Begin Global Header Code-->

<script type="text/javascript">
<!--
document.getElementsByTagName('td').item(2).style.display="none";
//-->
</script>

<script type="text/javascript">
<!--
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>

<style type="text/css">
<!--
.titlebg {background-image: url(!TITLE GRADIENT LINK HERE!); background-repeat: repeat;}
-->
</style>

<style type="text/css">
<!--
.catbg {background-image: url(!CATEGORY GRADIENT LINK HERE!); background-repeat: repeat;}
-->
</style>

<div id="wel"></div>

<script type="text/javascript">
<!--

var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);

//-->
</script>

<style>
<!--
/*
Invision Styled PM bar no.2 Stylesheets
This stylesheet is required for the code to work properly.
*/

a.invis:link, a.invis:visited, a.invis:active { text-decoration: underline; color: #77a5c2 }

a.invis:hover { color: #95bdd5; text-decoration:underline }

.invistext{color: #7fb8db;}

#userlinks { border:1px solid #000000; background-color: #14364a }
//-->
</style>

<script type="text/javascript" src="http://www.webpost.net/sc/scripthosting/invispm2.js">
<!--
/*
Invision Styled PM bar no.2 for Pbv4
Coded by Xylish/Joe/Popojoe
Please do not post this anywhere without my permission
For Studio Zero
studiozero.proboards44.com/index.cgi
*/
//-->
</script>

<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(!BACKGROUND LINK HERE!);
background-postion: center;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed}
-->
</STYLE>

<!--End Global Header Code-->








This is the global footer code. Once again, make sure you examine all code carefully.








<!--Begin Global Footer Code-->

<script type="text/javascript">
<!--
var fWidth = '775';

var table = document.getElementsByTagName('table');
for(t=0; t<table.length; t++) {
if(table.item(t).width == "92%") {
table.item(t).width = fWidth;
}
}
// -->
</script>

<script type="text/javascript">
<!--
/* mini-profile tables
coded by ross - support.proboards.com
do not redistribute without permission */
function br() {
td.item(i).appendChild(document.createElement('br'));
}
function txt(t) {
td.item(i).appendChild(document.createTextNode(t));
}
function ap(c) {
td.item(i).appendChild(c);
}
var td = document.getElementsByTagName('td');
if(location.href.match(/ion=(display|goto|(pm)?(calendar)?view|(user)?recent|search2)/)) {
for( i=0; i<td.length; i++ ) {
if(td.item(i).width == '20%' && td.item(i).vAlign == 'top' && td.item(i).innerHTML.match(/(Posts|Guest)/)) {
var temp = td.item(i).cloneNode(true);
var a = temp.getElementsByTagName('a');
td.item(i).innerHTML = '';
td.item(i).align = 'center';
if(a.item(0).name)
ap(a.item(0));
if(temp.innerHTML.match(/Posts:\s\d+/)) {
var center = temp.getElementsByTagName('center').item(0);
var settings = [
a.item(0).parentNode,
((temp.innerHTML.match(/\/a><\/b>(<br>.+?)<br>member is/i))? RegExp.$1 : ''),
(center.innerHTML.match(/<br><br>(.+?)<br><br>/i)? RegExp.$1 : ''),
center.firstChild
];
var infoSections = temp.innerHTML.split(/<\/center>/i)[1].split(/<br>/i);
infoSections.reverse();
infoSections.push('Status: '+ ((temp.innerHTML.match(/>(member is )offline/))? 'Offline' : 'Online'));
infoSections.reverse();
infoSections.push(center.innerHTML.split(/<br><br>/i)[center.innerHTML.split(/<br><br>/i).length-1].replace(/<br>/i,''));
settings[0].firstChild.style.textDecoration = 'underline';
settings[0].style.fontSize = '13px';
ap(document.createElement('div'));
td.item(i).lastChild.align = 'left';
td.item(i).lastChild.appendChild(settings[0]);
td.item(i).lastChild.innerHTML += settings[1];
br();
br();
ap(settings[3]);
br();
br();
txt(settings[2]);
br();
}
else if(temp.innerHTML.match(/Guest/)) {
infoSections = [];
infoSections[0] = '<center>'+temp.innerHTML.split(/<br>/i)[0]+'</center>';
infoSections[1] = '<center>('+temp.innerHTML.split(/<br>/i)[1]+')</center>';
}
var infoTable = document.createElement('table');
infoTable.className = 'mp_stats';
infoTable.cellSpacing = '3';
for(j=infoSections.length-1; j>-1; j--) {
if(infoSections[j].length > 1) {
var newCell = infoTable.insertRow(0).insertCell(0);
newCell.innerHTML = infoSections[j];
newCell.className = (td.item(i).className.match(/bg2/))? 'windowbg' : 'windowbg2';
}
}
td.item(i).appendChild(infoTable);
}
}
}
//-->
</script>

<script type="text/javascript">
hideJump = document.getElementsByTagName('td')
for(var hJ in hideJump){
if(hideJump[hJ].align=="right" && hideJump[hJ].innerHTML.match(/Forum Jump/i)){
hideJump[hJ].style.display='none';
}}
</script>

<!--End Global Footer Code-->










These are the main codes. Read code carefully. This includes the snow code.
It is the last code on the page. The snow.gif is publicly hosted. If it goes down
for any reason. I have included the image in the images folder. Examine the code carefully
for the appropriate image area.

<!--Begin Main Header Code-->

<script language="JavaScript" type="text/javascript">


var color = "#91bed9" <!-- Change the color -->
var face = "Tahoma" <!-- Change font style-->
var bold = "n" <!-- b for bold n for not bold -->
var size = "0" <!-- 0=origional size -->


var MenuIcon = document.getElementsByTagName("TD")[5].getElementsByTagName("Img");
function SwitchIcon(URL,Text){
for(i=0;i<MenuIcon.length;i++){
if(MenuIcon.src.indexOf(URL)!=-1){
MenuIcon.parentNode.innerHTML = Text;
}
}
}
SwitchIcon("home.gif","<font color="+color+" face="+face+" size="+size+"><"+bold+">Home</"+bold+"></font> ");
SwitchIcon("help.gif","<font color="+color+" face="+face+" size="+size+"><"+bold+">Help </"+bold+"></font>");
SwitchIcon("search.gif","<font color="+color+" face="+face+" size="+size+"><"+bold+">Search</"+bold+"> </font>");
SwitchIcon("login.gif","<font color="+color+" face="+face+" size="+size+"><"+bold+">Login</"+bold+"></font> ");
SwitchIcon("logout.gif","<font color="+color+" face="+face+" size="+size+"><"+bold+">Logout</"+bold+"></font> ");
SwitchIcon("register.gif","<font color="+color+" face="+face+" size="+size+"><"+bold+">Register </"+bold+"></font>");
SwitchIcon("calendar.gif","<font color="+color+" face="+face+" size="+size+"><"+bold+">Calendar </"+bold+"></font>");
SwitchIcon("members.gif","<font color="+color+" face="+face+" size="+size+"><"+bold+">Members </"+bold+"></font>");
SwitchIcon("admin.gif","<font color="+color+" face="+face+" size="+size+"><"+bold+">Admin</"+bold+"></font> ");
SwitchIcon("profile.gif","<font color="+color+" face="+face+" size="+size+"><"+bold+">Profile </"+bold+"></font>");
SwitchIcon("notification.gif","<font color="+color+" face="+face+" size="+size+"><"+bold+">Notification</"+bold+"></font> ");
</script>

<!--End Main Header Code-->










<!--Begin Main Footer Code-->

<script type="text/javascript">
<!--
/* Remove Mark As Read row */

function removeMarkAll() {
// No need for editing
var read = document.getElementsByTagName("td");
for(r=0;r<read.length;r++) {
with(read[r]) {
if(colSpan == "5" && firstChild.innerHTML.match(/action=markall/i))
{read[r].parentNode.style.display = "none";}
}
}
}

if(location.href.match(/com\/?((index\.cgi)?\??(action=(home|logout))?(#.+)?)?$/))
{removeMarkAll();}

// -->
</script>


<script>
//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>

<TABLE align="center" WIDTH=804 BORDER=0 CELLPADDING=0 CELLSPACING=0 style="bottom: -200px; position: relative">
<TR>
<TD>
<center><img src="http://i101.photobucket.com/albums/m69/BloodMaple/ProBoards%20Skins/CopyrightImage.jpg"></center>
<TD>
</TR>
</TABLE>

<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">
<!--

// Total viewing in boards shown in info center
// Created by Peter

var viewing = {
total: 0
};

var iFont = document.getElementsByTagName("font");
var iCell = document.getElementsByTagName("td");

for(f = 0; f < iFont.length; f ++){
if(iFont.item(f).size == "1" && iFont.item(f).innerHTML.match(/ - (\d+) Viewing/)){
viewing.total += parseInt(RegExp.$1);
}
}

var re = /Total Members: </
var iBr = document.createElement("br");
var iSpan = document.createElement("span");

for(c = 0; c < iCell.length; c ++){
if(iCell.item(c).width == "40%" && iCell.item(c).align == "left" && iCell.item(c).innerHTML.match(re)){
iCell.item(c).firstChild.appendChild(iBr);
iCell.item(c).firstChild.appendChild(document.createTextNode("Total Viewing In Boards: "));
iSpan.style.fontWeight = "bold";
iSpan.appendChild(document.createTextNode(viewing.total));
iCell.item(c).firstChild.appendChild(iSpan);
}
}

//-->
</script>

<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 = 25;

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">

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/

//Configure below to change URL path to the snow image
var snowsrc="http://img520.imageshack.us/img520/21/snow3bg1.gif"
// Configure below to change number of snow to render
var no = 10;
// Configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// Configure how much snow should drop down before fading ("windowheight" or "pageheight")
var snowdistance = "pageheight";

///////////Stop Config//////////////////////////////////

var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = iecompattest().clientWidth;
doc_height = iecompattest().clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "http://img520.imageshack.us/img520/21/snow3bg1.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx = 0; // set coordinate variables
xp = Math.random()*(doc_width-50); // set position variables
yp = Math.random()*doc_height;
am = Math.random()*20; // set amplitude variables
stx = 0.02 + Math.random()/10; // set step variables
sty = 0.7 + Math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}

function snowIE_NS6() { // IE and NS6 main animation function
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp += sty;
if (yp > doc_height-50) {
xp = Math.random()*(doc_width-am-30);
yp = 0;
stx = 0.02 + Math.random()/10;
sty = 0.7 + Math.random();
}
dx += stx;
document.getElementById("dot"+i).style.top=yp+"px";
document.getElementById("dot"+i).style.left=xp + am*Math.sin(dx)+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}

function hidesnow(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}


if (ie4up||ns6up){
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}

</script>

<!--End Main Footer Code-->



IMAGES


Category grad

[IMG]http://i182.photobucket.com/albums/x274/marvelousmandi17/Jamie/CategoryGradient.jpg[/IMG]

background

[IMG]http://i182.photobucket.com/albums/x274/marvelousmandi17/Jamie/Background.jpg[/IMG]


Title grad

[IMG]http://i182.photobucket.com/albums/x274/marvelousmandi17/Jamie/TtitleGradient.jpg[/IMG]


Snow

[IMG]http://i182.photobucket.com/albums/x274/marvelousmandi17/Jamie/Snow.gif[/IMG]


On Icon

[IMG]http://i182.photobucket.com/albums/x274/marvelousmandi17/Jamie/OnIcon.jpg[/IMG]

Off Icon

[IMG]http://i182.photobucket.com/albums/x274/marvelousmandi17/Jamie/OffIcon.jpg[/IMG]