Post by Cr0w on Sept 1, 2006 19:28:11 GMT
Previews: [-| Preview 1 | Preview 2 |-]
Compatibility: Crossbrowser
Add To: Main Footer
Instructions:
Change the yellow to the border color surrounding the boxes that contain the information.
Change the blue to the background colour behind the main information.
Change the green to the background colour behind the users online information.
Change the orange to the name of your forum.
Change the teal to the titles of each info center section.
Change the brown to the message that will be shown in the "Users Online" section when no members are online.
<style type="text/css">
<!--
.padding{ padding: 2px; }
.bPad{ border: 1px solid #FFFFFF; width: 100%; padding: 4px; }
.iBox { background-color: 000000; padding: 4px; }
.uBox { background-color: 000000; padding: 4px; height: 20px;}
//-->
</style>
<script type="text/javascript">
<!--
//Xtreme Info Center v0.5 by Cr0w
//Copyright 2006
//Do not repost without permission
// Edit Below...
var ForumName="Forum Name" //Your forum name
var ICtitle="Forum Information" //Info center title
var UOtitle="Users Online" //Users Online title
var ZeroOnline="There are no users currently online." //Message shown when no one is online
//Edit Above...
var td=document.getElementsByTagName('td');
var table= document.getElementsByTagName('td');
var Infocenter = new function()
{
this.stats = { categories:0, boards:0, subboards:0, upboard:0, viewboard:0, topics:0, posts:0, members:0, lastpost:'', newmember:'' };
this.onlinestats = { staff:0,members:0,guests:0,total:0,mostusers:'' };
this.birthdays = [];
this.events = [];
this.online = [];
this.Assembledata = function()
{
var TD = document.body.getElementsByTagName('td');
for( t = 0 ; t < TD.length ; t ++ )
{
if( TD[t].colSpan == "5" && TD[t].className == "catbg" && TD[t].align != "right" )
this.stats.categories ++;
if( TD[t].className == "windowbg2" && TD[t].width == "66%" && TD[t].align == "left" )
{
this.stats.boards ++;
this.stats.subboards += (TD[t].innerHTML.match(/\((\d+)\ssub-/))? parseInt(RegExp.$1):0;
this.stats.viewboard += (TD[t].innerHTML.match(/\s(\d+)\sViewing/))? parseInt(RegExp.$1):0;
if( TD[t+3].innerHTML.match(/<b>Today<\/b>/) )
this.stats.upboard ++;
}
if( TD[t].align == "left" && TD[t].width == "60%" && TD[t].innerHTML.match(/Total\sTopics/) )
{
this.stats.topics = parseInt( ( TD[t].innerHTML.split(/Total\sTopics:\s/)[1].split(/\s&nb/)[0]).replace(/,/g,'') );
this.stats.posts = parseInt( (TD[t].innerHTML.split(/Total\sPosts:\s/)[1].split(/<b/i)[0]).replace(/,/g,'') );
this.stats.members = TD[t+1].innerHTML.match(/Total\sMembers:\s<.+?>(\d+)<\//)? parseInt(RegExp.$1):0;
this.stats.lastpost = TD[t].innerHTML.split(/Updated\sTopic:\s/)[1].split(/<br/i)[0];
this.stats.newmember = TD[t+1].innerHTML.split(/Newest\sMember:\s/)[1].split(/<b/i)[0];
}
if( TD[t].className == "catbg" && TD[t].colSpan == "2" && TD[t].innerHTML.match(/Today's\sBir/) )
{
for( a = 0 ; a < TD[t+3].getElementsByTagName('a').length ; a ++ )
this.birthdays=TD[t+3].getElementsByTagName('a');
}
if( TD[t].className == "catbg" && TD[t].colSpan == "2" && TD[t].innerHTML.match(/Events\sThis/) )
{
for( a = 0 ; a < TD[t+3].getElementsByTagName('a').length ; a ++ )
this.events= TD[t+3].getElementsByTagName('a');
}
if( TD[t].vAlign == "top" && TD[t].align == "left" && TD[t].firstChild.size == "1" && TD[t].innerHTML.match(/(\d+)\sStaff\sMember/) )
{;
this.onlinestats.staff = parseInt(RegExp.$1);
this.onlinestats.members = TD[t].innerHTML.match(/\s(\d+)\sMember/)? parseInt(RegExp.$1):0;
this.onlinestats.guests = TD[t].innerHTML.match(/>?(\d+)\sGuest/)? parseInt(RegExp.$1):0;
this.onlinestats.total = Math.floor( this.onlinestats.staff + this.onlinestats.members + this.onlinestats.guests );
this.onlinestats.mostusers = TD[t].innerHTML.split(/Most\susers\sonline\swas\s/)[1].split(/<br/i)[0];
for( a = 0 ; a < TD[t].getElementsByTagName('a').length ; a ++ )
{
if( TD[t].getElementsByTagName('a').href.match(/viewprofile/) )
this.online.push( TD[t].getElementsByTagName( 'a' ) )
}
}
}
}
}
if( this.location.href.match(/\.com(\/(index\.cgi(#\w+|\?(action=home)?)?)?)?$/)){
Infocenter.Assembledata();
}
totalPMs = (td.item(2).innerHTML.match(/have <(.+)>(.+?) message/i))? '<a href="index.cgi?action=pm">'+RegExp.$2+'</a>' : '<a href="index.cgi?action=login">?</a>';
newPMs = (td.item(2).innerHTML.match(/>, (.+) (are|is) new./i))? '<a href="index.cgi?action=pm">'+RegExp.$1+'</a>' : '<a href="index.cgi?action=login">?</a>';
for(t=0;t<td.length;t++){
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Users Online/i)){
var MembersOnline = td[t+2].innerHTML.split(/<br\s?\/?>/i)[1];
}
}
XtremeIC='<table width="92%" cellpadding="4" cellspacing="1" align="center" class="bordercolor">';
XtremeIC+='<tr>';
XtremeIC+='<td class="titlebg" width="100%" colspan="2" align="center">';
XtremeIC+=ICtitle;
XtremeIC+='</td>';
XtremeIC+='</tr>';
XtremeIC+='<tr>';
XtremeIC+='<td width="50%" class="windowbg" vAlign="top" align="left">';
XtremeIC+='<div class="padding">';
XtremeIC+='<div class="bPad">';
XtremeIC+='<div class="iBox">';
XtremeIC+='<b>Total PMs</b>: '+totalPMs+'<br />';
XtremeIC+='<b>New PMs</b>: '+newPMs+'<br />';
XtremeIC+='<b>Total Users In Boards</b>: '+Infocenter.stats.viewboard+'<br />';
XtremeIC+='<b>Total Users Online</b>: '+Infocenter.onlinestats.total;
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</td>';
XtremeIC+='<td width="50%" class="windowbg" vAlign="top" align="left">';
XtremeIC+='<div class="padding">';
XtremeIC+='<div class="bPad">';
XtremeIC+='<div class="iBox">';
for(t=0;t<td.length;t++){
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Forum Statistics/i)){
var LastPost = (td[t+2].innerHTML.match(/Last Updated Topic: (.+?) by/i)) ? RegExp.$1: '';
var LastPostUser = (td[t+2].innerHTML.match(/by (.+?) \(/i)) ? RegExp.$1: '';
var LastPostDate = (td[t+2].innerHTML.match(/<\/a> \((.+?)\)<br\s?\/?>/i)) ? RegExp.$1: '';
}
}
XtremeIC+='<b>Last Post</b>: '+LastPost+'<br />';
XtremeIC+='<b>Made By</b>: '+LastPostUser+'<br />';
XtremeIC+='<b>Made On</b>: '+LastPostDate+'<br />';
XtremeIC+='<b>Newest Member</b>: '+Infocenter.stats.newmember;
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</td>';
XtremeIC+='</tr>';
XtremeIC+='<tr>';
XtremeIC+='<td width="100%" class="windowbg" vAlign="middle" align="center" colspan="2" height="25">';
XtremeIC+='<div class="padding">';
XtremeIC+='<div class="bPad">';
XtremeIC+='<div class="iBox" align="center">';
XtremeIC+='<b>[-| <font size="1">Topics</b>: '+Infocenter.stats.topics+' | <b>Posts</b>: '+Infocenter.stats.posts+' | <b>Members</b>: '+Infocenter.stats.members+' | <b>Updated Boards</b>: '+Infocenter.stats.upboard+' | <b>Categories</b>: '+Infocenter.stats.categories+' | <b>Boards</b>: '+Infocenter.stats.boards+' </font><b>|-]</b>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</td>';
XtremeIC+='</tr>';
XtremeIC+='</table>';
XtremeIC+='<table width="92%" cellpadding="4" cellspacing="1" align="center" class="bordercolor">';
XtremeIC+='<tr>';
XtremeIC+='<td class="titlebg" width="100%" colspan="2" align="center">';
XtremeIC+=UOtitle;
XtremeIC+='</td>';
XtremeIC+='</tr>';
XtremeIC+='<tr>';
XtremeIC+='<td width="20%" class="windowbg" vAlign="top" align="left">';
XtremeIC+='<div class="padding">';
XtremeIC+='<div class="bPad">';
XtremeIC+='<div class="uBox" style="padding: 8px;">';
XtremeIC+='Staff: '+Infocenter.onlinestats.staff+'<br />';
XtremeIC+='Members: '+Infocenter.onlinestats.members+'<br />';
XtremeIC+='Guests: <a href="javascript:popWindow(\'viewguests\')">'+Infocenter.onlinestats.guests+'</a>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</td>';
XtremeIC+='<td width="80%" class="windowbg" vAlign="top" align="left">';
XtremeIC+='<div class="padding">';
XtremeIC+='<div class="bPad">';
XtremeIC+='<div class="uBox">';
if(pb_username=="Guest"){
XtremeIC+='Welcome to '+ForumName+'! Please <a href="/index.cgi?action=login">Login</a> or <a href="/index.cgi?action=register">Register</a>.';
}
else{
XtremeIC+='Most users ever online was '+Infocenter.onlinestats.mostusers;
}
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='<div class="padding">';
XtremeIC+='<div class="bPad">';
XtremeIC+='<div class="uBox">';
if(Infocenter.onlinestats.total=="0"){
XtremeIC+=ZeroOnline;
}
else{
XtremeIC+=MembersOnline;
}
XtremeIC+='</div></div><div>';
XtremeIC+='</td>';
XtremeIC+='</tr>';
XtremeIC+='</table>';
if( this.location.href.match(/\.com(\/(index\.cgi(#\w+|\?(action=home)?)?)?)?$/)){
var tablity=document.getElementsByTagName('table');
for(u=0;u<tablity.length;u++){
if(tablity.width=="100%" && tablity.innerHTML.match(/<b>Info Center/i) && tablity.cellPadding=="4"){
tablity.style.display="none";
tablity.parentNode.style.display="none";
}
}
document.write(XtremeIC);
for(v=0;v<td.length;v++){
if(td[v].innerHTML.match(/Forum Jump/) && td[v].align=="right"){
td[v].style.display="none";
}}
}
//-->
</script>
Compatibility: Crossbrowser
Add To: Main Footer
Instructions:
Change the yellow to the border color surrounding the boxes that contain the information.
Change the blue to the background colour behind the main information.
Change the green to the background colour behind the users online information.
Change the orange to the name of your forum.
Change the teal to the titles of each info center section.
Change the brown to the message that will be shown in the "Users Online" section when no members are online.
<style type="text/css">
<!--
.padding{ padding: 2px; }
.bPad{ border: 1px solid #FFFFFF; width: 100%; padding: 4px; }
.iBox { background-color: 000000; padding: 4px; }
.uBox { background-color: 000000; padding: 4px; height: 20px;}
//-->
</style>
<script type="text/javascript">
<!--
//Xtreme Info Center v0.5 by Cr0w
//Copyright 2006
//Do not repost without permission
// Edit Below...
var ForumName="Forum Name" //Your forum name
var ICtitle="Forum Information" //Info center title
var UOtitle="Users Online" //Users Online title
var ZeroOnline="There are no users currently online." //Message shown when no one is online
//Edit Above...
var td=document.getElementsByTagName('td');
var table= document.getElementsByTagName('td');
var Infocenter = new function()
{
this.stats = { categories:0, boards:0, subboards:0, upboard:0, viewboard:0, topics:0, posts:0, members:0, lastpost:'', newmember:'' };
this.onlinestats = { staff:0,members:0,guests:0,total:0,mostusers:'' };
this.birthdays = [];
this.events = [];
this.online = [];
this.Assembledata = function()
{
var TD = document.body.getElementsByTagName('td');
for( t = 0 ; t < TD.length ; t ++ )
{
if( TD[t].colSpan == "5" && TD[t].className == "catbg" && TD[t].align != "right" )
this.stats.categories ++;
if( TD[t].className == "windowbg2" && TD[t].width == "66%" && TD[t].align == "left" )
{
this.stats.boards ++;
this.stats.subboards += (TD[t].innerHTML.match(/\((\d+)\ssub-/))? parseInt(RegExp.$1):0;
this.stats.viewboard += (TD[t].innerHTML.match(/\s(\d+)\sViewing/))? parseInt(RegExp.$1):0;
if( TD[t+3].innerHTML.match(/<b>Today<\/b>/) )
this.stats.upboard ++;
}
if( TD[t].align == "left" && TD[t].width == "60%" && TD[t].innerHTML.match(/Total\sTopics/) )
{
this.stats.topics = parseInt( ( TD[t].innerHTML.split(/Total\sTopics:\s/)[1].split(/\s&nb/)[0]).replace(/,/g,'') );
this.stats.posts = parseInt( (TD[t].innerHTML.split(/Total\sPosts:\s/)[1].split(/<b/i)[0]).replace(/,/g,'') );
this.stats.members = TD[t+1].innerHTML.match(/Total\sMembers:\s<.+?>(\d+)<\//)? parseInt(RegExp.$1):0;
this.stats.lastpost = TD[t].innerHTML.split(/Updated\sTopic:\s/)[1].split(/<br/i)[0];
this.stats.newmember = TD[t+1].innerHTML.split(/Newest\sMember:\s/)[1].split(/<b/i)[0];
}
if( TD[t].className == "catbg" && TD[t].colSpan == "2" && TD[t].innerHTML.match(/Today's\sBir/) )
{
for( a = 0 ; a < TD[t+3].getElementsByTagName('a').length ; a ++ )
this.birthdays=TD[t+3].getElementsByTagName('a');
}
if( TD[t].className == "catbg" && TD[t].colSpan == "2" && TD[t].innerHTML.match(/Events\sThis/) )
{
for( a = 0 ; a < TD[t+3].getElementsByTagName('a').length ; a ++ )
this.events= TD[t+3].getElementsByTagName('a');
}
if( TD[t].vAlign == "top" && TD[t].align == "left" && TD[t].firstChild.size == "1" && TD[t].innerHTML.match(/(\d+)\sStaff\sMember/) )
{;
this.onlinestats.staff = parseInt(RegExp.$1);
this.onlinestats.members = TD[t].innerHTML.match(/\s(\d+)\sMember/)? parseInt(RegExp.$1):0;
this.onlinestats.guests = TD[t].innerHTML.match(/>?(\d+)\sGuest/)? parseInt(RegExp.$1):0;
this.onlinestats.total = Math.floor( this.onlinestats.staff + this.onlinestats.members + this.onlinestats.guests );
this.onlinestats.mostusers = TD[t].innerHTML.split(/Most\susers\sonline\swas\s/)[1].split(/<br/i)[0];
for( a = 0 ; a < TD[t].getElementsByTagName('a').length ; a ++ )
{
if( TD[t].getElementsByTagName('a').href.match(/viewprofile/) )
this.online.push( TD[t].getElementsByTagName( 'a' ) )
}
}
}
}
}
if( this.location.href.match(/\.com(\/(index\.cgi(#\w+|\?(action=home)?)?)?)?$/)){
Infocenter.Assembledata();
}
totalPMs = (td.item(2).innerHTML.match(/have <(.+)>(.+?) message/i))? '<a href="index.cgi?action=pm">'+RegExp.$2+'</a>' : '<a href="index.cgi?action=login">?</a>';
newPMs = (td.item(2).innerHTML.match(/>, (.+) (are|is) new./i))? '<a href="index.cgi?action=pm">'+RegExp.$1+'</a>' : '<a href="index.cgi?action=login">?</a>';
for(t=0;t<td.length;t++){
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Users Online/i)){
var MembersOnline = td[t+2].innerHTML.split(/<br\s?\/?>/i)[1];
}
}
XtremeIC='<table width="92%" cellpadding="4" cellspacing="1" align="center" class="bordercolor">';
XtremeIC+='<tr>';
XtremeIC+='<td class="titlebg" width="100%" colspan="2" align="center">';
XtremeIC+=ICtitle;
XtremeIC+='</td>';
XtremeIC+='</tr>';
XtremeIC+='<tr>';
XtremeIC+='<td width="50%" class="windowbg" vAlign="top" align="left">';
XtremeIC+='<div class="padding">';
XtremeIC+='<div class="bPad">';
XtremeIC+='<div class="iBox">';
XtremeIC+='<b>Total PMs</b>: '+totalPMs+'<br />';
XtremeIC+='<b>New PMs</b>: '+newPMs+'<br />';
XtremeIC+='<b>Total Users In Boards</b>: '+Infocenter.stats.viewboard+'<br />';
XtremeIC+='<b>Total Users Online</b>: '+Infocenter.onlinestats.total;
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</td>';
XtremeIC+='<td width="50%" class="windowbg" vAlign="top" align="left">';
XtremeIC+='<div class="padding">';
XtremeIC+='<div class="bPad">';
XtremeIC+='<div class="iBox">';
for(t=0;t<td.length;t++){
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Forum Statistics/i)){
var LastPost = (td[t+2].innerHTML.match(/Last Updated Topic: (.+?) by/i)) ? RegExp.$1: '';
var LastPostUser = (td[t+2].innerHTML.match(/by (.+?) \(/i)) ? RegExp.$1: '';
var LastPostDate = (td[t+2].innerHTML.match(/<\/a> \((.+?)\)<br\s?\/?>/i)) ? RegExp.$1: '';
}
}
XtremeIC+='<b>Last Post</b>: '+LastPost+'<br />';
XtremeIC+='<b>Made By</b>: '+LastPostUser+'<br />';
XtremeIC+='<b>Made On</b>: '+LastPostDate+'<br />';
XtremeIC+='<b>Newest Member</b>: '+Infocenter.stats.newmember;
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</td>';
XtremeIC+='</tr>';
XtremeIC+='<tr>';
XtremeIC+='<td width="100%" class="windowbg" vAlign="middle" align="center" colspan="2" height="25">';
XtremeIC+='<div class="padding">';
XtremeIC+='<div class="bPad">';
XtremeIC+='<div class="iBox" align="center">';
XtremeIC+='<b>[-| <font size="1">Topics</b>: '+Infocenter.stats.topics+' | <b>Posts</b>: '+Infocenter.stats.posts+' | <b>Members</b>: '+Infocenter.stats.members+' | <b>Updated Boards</b>: '+Infocenter.stats.upboard+' | <b>Categories</b>: '+Infocenter.stats.categories+' | <b>Boards</b>: '+Infocenter.stats.boards+' </font><b>|-]</b>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</td>';
XtremeIC+='</tr>';
XtremeIC+='</table>';
XtremeIC+='<table width="92%" cellpadding="4" cellspacing="1" align="center" class="bordercolor">';
XtremeIC+='<tr>';
XtremeIC+='<td class="titlebg" width="100%" colspan="2" align="center">';
XtremeIC+=UOtitle;
XtremeIC+='</td>';
XtremeIC+='</tr>';
XtremeIC+='<tr>';
XtremeIC+='<td width="20%" class="windowbg" vAlign="top" align="left">';
XtremeIC+='<div class="padding">';
XtremeIC+='<div class="bPad">';
XtremeIC+='<div class="uBox" style="padding: 8px;">';
XtremeIC+='Staff: '+Infocenter.onlinestats.staff+'<br />';
XtremeIC+='Members: '+Infocenter.onlinestats.members+'<br />';
XtremeIC+='Guests: <a href="javascript:popWindow(\'viewguests\')">'+Infocenter.onlinestats.guests+'</a>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</td>';
XtremeIC+='<td width="80%" class="windowbg" vAlign="top" align="left">';
XtremeIC+='<div class="padding">';
XtremeIC+='<div class="bPad">';
XtremeIC+='<div class="uBox">';
if(pb_username=="Guest"){
XtremeIC+='Welcome to '+ForumName+'! Please <a href="/index.cgi?action=login">Login</a> or <a href="/index.cgi?action=register">Register</a>.';
}
else{
XtremeIC+='Most users ever online was '+Infocenter.onlinestats.mostusers;
}
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='</div>';
XtremeIC+='<div class="padding">';
XtremeIC+='<div class="bPad">';
XtremeIC+='<div class="uBox">';
if(Infocenter.onlinestats.total=="0"){
XtremeIC+=ZeroOnline;
}
else{
XtremeIC+=MembersOnline;
}
XtremeIC+='</div></div><div>';
XtremeIC+='</td>';
XtremeIC+='</tr>';
XtremeIC+='</table>';
if( this.location.href.match(/\.com(\/(index\.cgi(#\w+|\?(action=home)?)?)?)?$/)){
var tablity=document.getElementsByTagName('table');
for(u=0;u<tablity.length;u++){
if(tablity.width=="100%" && tablity.innerHTML.match(/<b>Info Center/i) && tablity.cellPadding=="4"){
tablity.style.display="none";
tablity.parentNode.style.display="none";
}
}
document.write(XtremeIC);
for(v=0;v<td.length;v++){
if(td[v].innerHTML.match(/Forum Jump/) && td[v].align=="right"){
td[v].style.display="none";
}}
}
//-->
</script>