Scratch Board!

[Samantha Nicole♥]

Preview!

Colors you have to change
Background Color - 666666
Text color - 66CCCC
Link and Active Link color - 66CCCC
Visited Link color - 66CCCC
Title BG Color - 999999

Picture
Background
Banner
Yellow Gradient
Pink Gradient

Global Header
<div id="welTablePos"></div>
<script type="text/javascript">
<!--
/* Banner Under Ads, Code from http://roxiegrphcs.proboards59.com/index.cgi */

var newPos = document.getElementById("welTablePos");
newPos.parentNode.replaceChild(document.getElementsByTagName("table").item(0), newPos);
// -->
</script>

<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(http://i124.photobucket.com/albums/p7/atfn/CCD/BoardCat.png); background-repeat: repeat;}
-->
</style>

<script type="text/javascript">
<!--
/* fix text menus by ross */

var startChar = '.'; //Start character
var dividerChar = '.'; //Dividing Character(s);
var endChar = '.'; //End character

//no need to edit below
var menu = document.getElementsByTagName('td').item(5).firstChild;
var a = menu.innerHTML.replace(/^\n?(<.+?>)\[/, startChar+' $1');
var b = a.replace(new RegExp('\\](<\/a>)(\\n|\\s|&nb'+'sp;)*$', 'i'), '$1 '+endChar);
var c = b.replace(new RegExp('\\](<\/a>)(&nb'+'sp;|\\s)(<a.+?>)\\[', 'gi'),'$1 '+dividerChar+' $3');
menu.innerHTML = c;
//-->
</script>



<style type="text/css">
<!--
.menubg {background-image: url(http://i237.photobucket.com/albums/ff222/roxiegrphcs/Skins/Scratch%20Board/bgscratch.jpg); background-repeat: repeat;}
-->
</style>

<script type="text/javascript">
<!--
/* menu buttons inside banner by Samantha */

var imgURL = "http://i237.photobucket.com/albums/ff222/roxiegrphcs/Skins/Scratch%20Board/Banner.jpg";
var imgWidth = "700";
var imgHeight = "100";
var menuXpos = "10";
var menuYpos = "83";

var iCell = document.getElementsByTagName("td");
iCell[1].style.backgroundImage = 'url('+imgURL+')';
iCell[1].style.height = imgHeight+"px";
iCell[1].align = "left";
iCell[1].vAlign = "top";
document.getElementsByTagName("table")[0].width = imgWidth;
iCell[1].innerHTML = '<div style="position: relative; top: '+menuYpos+
'px; left: '+menuXpos+'px;">'+iCell[5].innerHTML+'</div>';
iCell[2].style.display = "none";
document.getElementsByTagName("tr")[2].style.display = "none";

// -->
</script>

<style type="text/css">
A:hover{text-decoration:underline;font-weight:underline;}
</style>
<Style>
a:hover {color: 444444;}
</style>

Global Footer
<script type="text/javascript">
<!--
fWidth = document.getElementsByTagName('table');
for(t=0; t<fWidth.length; t++) {
if(fWidth[t].width=="92%")
fWidth[t].width='700';
}
// -->
</script>

<style type="text/css">
<!--
body { background-position: center; background-repeat: repeat-y; }
-->
</style>

<center>skin created by <A href=http://roxiegrphcs.proboards59.com/index.cgi>Roxy Graphics</a></center>


<script>
var boardwidth = document.getElementsByTagName('TABLE');
for(i=0;i<boardwidth.length;i++) {
if(boardwidth[i].width=="92%"){
boardwidth[i].width='700 px';}}
</script>


Main Footer

<style type="text/css">
<!--
.menubg {background-image: url(http://i237.photobucket.com/albums/ff222/roxiegrphcs/Skins/Scratch%20Board/Pink.jpg); background-repeat: repeat;}
-->
</style>


<style type="text/css">
<!--
.catbg {background-image: url(http://i237.photobucket.com/albums/ff222/roxiegrphcs/Skins/Scratch%20Board/Yellow.jpg); background-repeat: repeat;}
-->
</style>

<style type="text/css">
<!--
.titlebg {background-image: url(http://i237.photobucket.com/albums/ff222/roxiegrphcs/Skins/Scratch%20Board/Pink.jpg); background-repeat: repeat;}
-->
</style>















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

/*
Scratch Board - by Roxy Graphics
http://roxiegrphcs.proboards59.com
*/

// EDIT STUFF HERE!
var title = "Information Center"; // Title of Information Center
var uotext = "Users Online"; // Title of Users Online part
var img1 = "http://i124.photobucket.com/albums/p7/atfn/CCD/Information.png"; // Image next to statistics

// EDIT YOUR GROUPS NAME AND COLORS
var group = []; // <-- don't touch
group[0] = ["Administrators","66CCCC"];
group[1] = ["Moderator","66CCCC"];


// DO NOT EDIT ANYTHING ELSE
if(!location.href.match(/action/) || location.href.match(/action=home/)){
var TD = document.getElementsByTagName("td");
var TAB = document.getElementsByTagName('table');

for(e=0;e<TD.length;e++){
if(TD[e].className == "catbg" && TD[e].innerHTML.match(/Forum Statistics/))
{
var totalposts = (TD[e+2].innerHTML.match(/Total Posts: (\d+)(,\d+)?<br/i)) ? RegExp.$1+RegExp.$2: '';
var totaltopics = (TD[e+2].innerHTML.match(/Total Topics: (\d+)(,\d+)? &/i)) ? RegExp.$1+RegExp.$2: '';
var totalmembs = (TD[e+2].innerHTML.match(/Total Members: (.+?)<br/i)) ? RegExp.$1: '';
var newmemb = (TD[e+2].innerHTML.match(/Newest Member: (.+?)<\/a>/i)) ? RegExp.$1+'</a>': '';
var lastpost = (TD[e+2].innerHTML.match(/Last Updated Topic: (.+?) by/i)) ? RegExp.$1: 'n/a';
var lastuser = (TD[e+2].innerHTML.match(/by (.+?) \(/i)) ? RegExp.$1: 'n/a';
}
if(TD[e].className == "catbg" && TD[e].innerHTML.match(/Users Online/))
{
var mostonline = (TD[e+2].innerHTML.split(/Most\susers\s/)[1].split(/, /i)[0].split(/<br/i)[0]);
var nowonline = (TD[e+2].innerHTML.split(/<br>/i)[1]);
var staffonline = (TD[e+2].innerHTML.match(/(\d+) Staff/i)) ? RegExp.$1: '0';
var usersonline = (TD[e+2].innerHTML.match(/(\d+) Member/i)) ? RegExp.$1: '0';
var guestsonline = (TD[e+2].innerHTML.match(/(\d+) Guest/i)) ? RegExp.$1: '0';
}
var legend = new String();
for(var a=0;a<group.length;a++){
legend += '<font color='+group[a][1]+'>'+group[a][0]+'</font><br/>';
}
if(staffonline=="0" && usersonline=="0"){
var nowonline = "<i>No members online</i>";
}
}
for(e=0;e<TAB.length;e++){
if(TAB[e].width == "100%" && TAB[e].cellPadding == "4" && TAB[e].innerHTML.match(/Info Center/i))
{
TAB[e].parentNode.innerHTML = '<table cellspacing="1" cellpadding="4" class="bordercolor" width="100%"><tr><td class="titlebg" align="left" colspan="4">'+title+'</td></tr><tr><td class="windowbg" align="center" width="5%" rowspan="4"><img src="'+img1+'"></td><td width="25%" class="windowbg" align="left">Total Posts: '+totalposts+'</br>Total Threads: '+totaltopics+'</td><td width="30%" class="windowbg" align="left">Total Members: '+totalmembs+'</br>Newest Member: '+newmemb+'</td><td width="35%" class="windowbg" align="left">Last Post: '+lastpost+'</br>Updated By: '+lastuser+'</td></tr><tr><td class="catbg" colspan="3"><font class="cattext">'+uotext+'</font></td></tr><tr><td class="windowbg" rowspan="2">'+legend+'</td><td colspan="2" width="100%" class="windowbg"><div style="float:left;"><font size="1">'+staffonline+' Staff, '+usersonline+' Members, and '+guestsonline+' Guests</font></div><div style="float:right"><font size="1">Most users ever '+mostonline+'</font></div></td></tr><tr><td align="center" colspan="2" width="100%" class="windowbg">'+nowonline+'</td></tr></table>';
}
}
}
//-->
</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>
<center>

Skin made by <a href="http://roxiegrphcs.proboards59.com">Roxie Graphics</a></center>



Note: Text Menus must be on [go to general setting under the admin area]

To change the banner, only fix the imgURL [only n the " "]. This is located at the bottom of the code in your Global Header
<script type="text/javascript">
<!--
/* menu buttons inside banner by Samantha */

var imgURL = "http://i237.photobucket.com/albums/ff222/roxiegrphcs/Skins/Scratch%20Board/Banner.jpg";
var imgWidth = "700";
var imgHeight = "100";
var menuXpos = "10";
var menuYpos = "83";