Blue Diagonals

[Jordan]

Preview
---------
Soon to be a template.
--------
All copyright (c) Jordan 2007
--------
Skin by Jordan
---------
Colors::

BG: 638ec9

Text: DADADA

Links: EEEEEE

Title/Cat/News Title: 638ec9

Title/Cat/News Title Font: 000000

News BG: 638ec9

News text: DADADA

Windowbg1&2: 638ec9

Windowbg highlights: 80b0f9

Border: 80b0f9
-------------
Codes
-----------------
Global header:

<style type="text/css">
<!--

.newstitlebg
{
background-image: url(http://i169.photobucket.com/albums/u239/JordanClark_07/BlueTitleGrad.png);
background-repeat: repeat;
}

.titlebg
{
background-image: url(http://i169.photobucket.com/albums/u239/JordanClark_07/BlueTitleGrad.png);
background-repeat: repeat;
}

.catbg
{
background-image: url(http://i169.photobucket.com/albums/u239/JordanClark_07/BlueCatGrad.png);
background-repeat: repeat;
}

-->
</style>

<script>
document.getElementsByTagName('td')[2].style.display='none';
document.getElementsByTagName('font')[1].innerHTML='';
//-->
</script>

<style>
body
{
background-position:center top;
background-repeat:repeat-y;
}
</style>

<STYLE type="text/css">
<!--

textarea
{
border: 1px grooved #000000;
background-color: transparent;
color: #000000;
}


input
{
border: 1px grooved #000000;
background-color: transparent;
color: #000000;
}

-->
</style>

<style type="text/css">
<!--
body
{
scrollbar-arrow-color: #DADADA;
scrollbar-track-color:#80b0f9;
scrollbar-3dlight-color:#DADADA;
scrollbar-highlight-color:#80b0f9;
scrollbar-face-color:#638ec9;
scrollbar-darkshadow-color:#DADADA;
scrollbar-shadow-color:#80b0f9;
}

-->

</style>

<style type="text/css">
<!--
a:hover {
border-bottom: 1px dashed #000000;
text-decoration: none;
}
//-->
</style>

<script>
<!--
/* Remove the Welcome Table */
document.getElementsByTagName('Table')[0].style.display="none";
-->
</script>

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

/* Menu Above Banner, By Samuel - http://forum.xd-designs.com
For all the noobies out there...... global header xD */

var menuAlign = "center"; //Alignment of menu (center,left,right)

var TABLE = document.getElementsByTagName('table');
var TD = document.getElementsByTagName('td');
var TR = document.getElementsByTagName('tr');

TR[2].style.display = "none";

var newMenu = TABLE[0].insertRow(0).insertCell(0);
newMenu.innerHTML = TD[5].innerHTML;
newMenu.align = menuAlign;

//-->
</script>

Global Footer:

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

<script type="text/javascript">
<!--
function addToBottom(){
var addedHTML="Skin created by Jordan of Overcomers Gfx (c) 2007";

var divAlignment="center";

var newDiv=document.createElement("DIV");
newDiv.align=divAlignment;
newDiv.innerHTML=addedHTML;
document.getElementsByTagName("BODY")[0].appendChild(newDiv);
}
window.onload=addToBottom;
//-->
</script>

<!-- Add BTT/MAR/VSL to Bottom of Boards // -->
<table width="720" cellpadding="0" cellspacing="0" align="center">
<tr><td widtn="50%" align="center"><br>
[ <a href="#">Back To Top</a> | <A href="/index.cgi?action=markallboardsread">Mark All Boards Read</a> | <a href="/index.cgi?action=members&view=staff">View Staff Leaders</a> ]
<br></td></tr></table>

<br/><br/>
<table align="center" cellspacing="1" cellpadding="8" class="bordercolor">
<tr><td class="windowbg" align="center" width="100%">
Template Designed by <b><font color=#000000>OCgfx</font></b></a> 2007. All Rights Reserved.(c)
<br>Codes from OCgfx.


<a href="#" onclick="this.innerHTML = (this.innerHTML == '^') ? '>' : '^'; var more = document.getElementById('more'); more.style.display = (more.style.display == 'none') ? '' : 'none'; return false;">></a>
</td></tr><tr id="more" style="display:none;"><td class="windowbg" align="center" width="100%">

<center><b><u>Need Template Assistance?</u></b></center><br/><a  href="http://overcomersgfx.proboards42.com/index.cgi?board=code">Code Index</a>
<br/><a href="http://overcomersgfx.proboards42.com/index.cgi?board=support">General Help</a> / <a href="http://overcomersgfx.proboards42.com/index.cgi?board=sfc">Template Thread</a>

</td></tr></table>
<br/><br/>

Main Header:

<style>
.catbg {text-align:center}
</style>

Main Footer:

<script type="text/javascript">
/*=======================================
Ultimate Info Center V3
Created by hey
You may edit this code however you wish, as long as you
keep this copyright intact and you don't repost this script
=======================================*/

var yourForumName = 'The Forums';

var usersOnlineHeight = '43px';

var staffGroups = [];
staffGroups[0] = ["Administrators","#700000","1"];
staffGroups[1] = ["Global Moderators","#000070","2"];
staffGroups[2] = ["Moderators","#007000","3"];



/*===========No Edit Unless You Know What You're Doing=============*/
function executeUltimateInfoCenter(){
var td = document.getElementsByTagName('td');
var font = document.getElementsByTagName('font');
var totalBoards = 0;
var totalCategories = 0;
var updatedBoards = 0;
var usersViewing = 0;
var staffNumber = 0;
var dB = navigator.appName
document.write('<style type="text/css">#onlinearea{height: '+usersOnlineHeight+'}</style>');
if(dB == "Microsoft Internet Explorer"){document.write('<style type="text/css">#rightbox{width: 79%; position: relative; left: 6px;}</style>')
var ieOnlineHeight = parseInt(usersOnlineHeight) + parseInt(9);
document.write('<style type="text/css">#onlinearea{height: '+ieOnlineHeight+'}</style>');}
for(f=0;f<font.length;f++){
if(font[f].size=="1" && font[f].innerHTML.match( /- (\d+) viewing/i)){
var usersViewing = Math.floor(usersViewing) + Math.floor(RegExp.$1);}}
if(usersViewing==1){var vAre = 'is'; var vUsers = 'user';}
else{var vAre = 'are'; var vUsers = 'users';}
for(t=0;t<td.length;t++){
var totalPMs = (td[2].innerHTML.match(/you have (.+?),/i)) ? RegExp.$1: '';
var newPMs = (td[2].innerHTML.match(/<\/a>, (.+?) new/i)) ? RegExp.$1: '';
if(pb_username == 'Guest'){
var welcomeMessage = 'Welcome to '+yourForumName+', Guest! Please <a href="/index.cgi?action=login">Login</a> or <a href="/index.cgi?action=register">Register</a>.';
} else {
var welcomeMessage = 'Welcome back to '+yourForumName+', '+pb_displayname+'! You have '+totalPMs+', '+newPMs+' new.';}
if(td[t].className=="windowbg2" && td[t].width=="24%" && td[t].innerHTML.match(/<b>Today<\/b>/i)){updatedBoards++;}
if(td[t].width=="66%" && td[t].className.match(/windowbg2/i)){totalBoards++;}
if(td[t].className.match(/catbg/i) && !td[t].innerHTML.match(/Users Online|Forum Statistics|=markallboardsread/i)){totalCategories++;}
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Forum Statistics/i)){
infoHolder = '<div id="holder">';
infoHolder += '<div id="leftbox">';
infoHolder += '<div id="padding">';
infoHolder += '<div id="area" class="windowbg">';
var totalPosts = (td[t+2].innerHTML.match(/Total Posts: (\d+)(,\d+)?<br/i)) ? RegExp.$1+RegExp.$2: '';
infoHolder += 'Posts: '+totalPosts+'';
infoHolder += '<br />';
var totalTopics = (td[t+2].innerHTML.match(/Total Topics: (\d+)(,\d+)? &/i)) ? RegExp.$1+RegExp.$2: '';
infoHolder += 'Topics: '+totalTopics+'';
infoHolder += '<br />';
var totalMembers = (td[t+2].innerHTML.match(/Total Members: (.+?)<br/i)) ? RegExp.$1: '';
infoHolder += 'Members: '+totalMembers+'';
infoHolder += '<br />';
infoHolder += 'Updated Boards: '+updatedBoards+'';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '<div id="padding">';
infoHolder += '<div id="area" class="windowbg">';
infoHolder += 'Boards: '+totalBoards+'';
infoHolder += '<br />';
infoHolder += 'Categories: '+totalCategories+'';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '<div id="rightbox">';
infoHolder += '<div id="padding">';
infoHolder += '<div id="area" class="windowbg">';
var lastPost = (td[t+2].innerHTML.match(/Last Updated Topic: (.+?)<br\s?\/?>/i)) ? RegExp.$1: 'n/a';
lastPost = lastPost.replace('\(','\(').replace('\)','\)').replace('\'','\'');
infoHolder += 'The last post was '+lastPost+'.';
infoHolder += '<br />';
var recentPosts = (td[t+2].innerHTML.match(/View the (.+?) most/i)) ? RegExp.$1+'</a>': 'X';
infoHolder += 'View the '+recentPosts+' most recent posts made at '+yourForumName+'.';
infoHolder += '<br />';
var newestMember = (td[t+2].innerHTML.match(/Newest Member: (.+?)<\/a>/i)) ? RegExp.$1+'</a>': '[Newest Member Deleted]';
infoHolder += 'The newest member to '+yourForumName+' is '+newestMember+'.';
infoHolder += '<br />';
infoHolder += ''+welcomeMessage+'';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '<div id="padding">';
infoHolder += '<div id="area" class="windowbg">';
infoHolder += 'There '+vAre+' '+usersViewing+' '+vUsers+' viewing inside the boards.';
infoHolder += '<br />';
for(g=0;g<staffGroups.length;g++){
infoHolder += '[<font color="'+staffGroups[g][1]+'">'+staffGroups[g][0]+'</font>] ';}
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '</div>';
td[t+1].style.display = 'none';
td[t+2].innerHTML = ''+infoHolder+'';}
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Today's Birthdays/i)){
bdayHolder = '<div id="holder">';
bdayHolder += '<div id="leftbox">';
bdayHolder += '<div id="padding">';
bdayHolder += '<div id="area" class="windowbg">';
var totalBDays = (td[t+2].innerHTML.match(/(\d+) birthday/i)) ? RegExp.$1: '';
bdayHolder += 'Birthdays: '+totalBDays+'';
bdayHolder += '</div>';
bdayHolder += '</div>';
bdayHolder += '</div>';
bdayHolder += '<div id="rightbox">';
bdayHolder += '<div id="padding">';
bdayHolder += '<div id="area" class="windowbg">';
var memberBDays = td[t+2].innerHTML.split(/<br\s?\/?>/i)[1];
bdayHolder += ''+memberBDays+'';
bdayHolder += '</div>';
bdayHolder += '</div>';
bdayHolder += '</div>';
bdayHolder += '</div>';
td[t+1].style.display = 'none';
td[t+2].innerHTML = ''+bdayHolder+'';}
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Events This Month/i)){
var numberOfEvents = td[t+2].getElementsByTagName('a').length;
eventHolder = '<div id="holder">';
eventHolder += '<div id="leftbox">';
eventHolder += '<div id="padding">';
eventHolder += '<div id="area" class="windowbg">';
eventHolder += 'Events: '+numberOfEvents+'';
eventHolder += '</div>';
eventHolder += '</div>';
eventHolder += '</div>';
eventHolder += '<div id="rightbox">';
eventHolder += '<div id="padding">';
eventHolder += '<div id="area" class="windowbg">';
var monthlyEvents = td[t+2].getElementsByTagName('font')[0].innerHTML;
eventHolder += ''+monthlyEvents+'';
eventHolder += '</div>';
eventHolder += '</div>';
eventHolder += '</div>';
eventHolder += '</div>';
td[t+1].style.display = 'none';
td[t+2].innerHTML = ''+eventHolder+'';}
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Users Online/i)){
userHolder = '<div id="holder">';
userHolder += '<div id="leftbox">';
userHolder += '<div id="padding">';
userHolder += '<div id="area" class="windowbg">';
var staffLinks = td[t+2].getElementsByTagName('a');
for(g=0;g<staffGroups.length;g++){
for(a=0;a<staffLinks.length;a++){
if(staffLinks[a].className.match(new RegExp('group'+staffGroups[g][2]+'$'))){staffNumber++;}}
userHolder += ''+staffGroups[g][0]+': '+staffNumber+'<br />';
var staffNumber = 0;}
var membersOn = (td[t+2].innerHTML.match(/(\d+) Member/i)) ? RegExp.$1: '0';
userHolder += 'Members: '+membersOn+'';
userHolder += '<br />';
var guestsOn = (td[t+2].innerHTML.match(/(\d+) Guest/i)) ? RegExp.$1: '0';
if(document.cookie.match(/user=admin/i)){
var iguestlinka = '<a href="javascript:popWindow(\'viewguests\')">';
var iguestlinkb = '</a>';} else {var iguestlinka = ''; var iguestlinkb = '';}
userHolder += ''+iguestlinka+'Guests: '+guestsOn+iguestlinkb+'<br />';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '<div id="rightbox">';
userHolder += '<div id="padding">';
userHolder += '<div id="area" class="windowbg">';
var staffOn = (td[t+2].innerHTML.match(/(\d+) Staff/i)) ? RegExp.$1: '0';
var totalOnline = parseInt(staffOn) + parseInt(membersOn) + parseInt(guestsOn);
if(totalOnline==1){var toAre = 'is'; var toUsers = 'user';}
else{var toAre = 'are'; var toUsers = 'users';}
userHolder += 'There '+toAre+' '+totalOnline+' '+toUsers+' online. ';
if(td[t+2].innerHTML.match(/Most users online was (\d+), (.+?)<br/i)){
var mostOnline = RegExp.$1;
var mostDate = RegExp.$2;}
userHolder += 'The most users online was '+mostOnline+' on '+mostDate+'.';
userHolder += '</div>';
userHolder += '<div id="onlinearea" class="windowbg">';
var usersOn = td[t+2].innerHTML.split(/<br\s?\/?>/i)[1].replace('\'','\'');
userHolder += ''+usersOn+'';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '</div>';
td[t+1].style.display = 'none';
td[t+2].innerHTML = ''+userHolder+'';
}}}
if(location.href.match(/com\/?((index\.cgi)?\??(action=(logout|home))?(#.+)?)?$/)){
executeUltimateInfoCenter();
}
</script>
<script type="text/javascript">
<!--
/* add "forum age" to the info center
http://101support.proboards43.com - ross */

var startDate = ['28','06','2005']; // 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>

<table>
<marquee width="100%" valign="center" direction="left" scrolldelay="2" scrollamount="3" onmouseover=this.stop()
onmouseout=this.start()>
</table>
----------
Do not remove copyright.
-------------
Have fun!

[♥Emma♥]

Looking good so far, can't wait to see the end result!

[Michael]

I know! I can't wait either! But where's the banner? I was looking forward to seeing it. ;]

[Jordan]

I am not good at banners...

[ve]

great work

[Jordan]

Thank you.

[Andrew]

Hey Jordan. I know you wanted me to do a banner for you. Im mighty rusty because I have not used Photoshop in agggges, But just met me no what you think.

Link for Banner

Edit: I also have the PSD for this. I will send it to you after. Or I will just send you a Blank image of the banner

2ND Edit: Post here when you have put that one up I want to see how it looks.

[Jordan]

Haha awesome man thanks//

[Andrew]

Welcome Guest. Please Login or Register.
Jun 12, 2007, 12:34pm

Need to fix that on your site

[Jordan]

Yeahh I know the code isn't working...

[Andrew]

Make it work I wanna see how the banner looks.

Oh and do you like the banner?

[Jordan]

Most definately.