Dark Gamer Skin

[Arashi]

Hello, this may be my best skin yet, and I'm glad, it's been awhile since I've made one and all of my other ones sucked but this is a LOT better.
P.S. You Only Need To Edit One Part In All Of The Codes! All You Have To Do Is Edit The Red Highlighted Part In The Main Footer Area! ;D

Live Preview:
www.fsskin1.proboards85.com

Forum Colors:

Background Color: 000000
Text Color: FCD116
Link Color: FFFFFF
Active Link Color: FFFFFF
Vistited Link Color: FFFFFF
Title Background Color: 5E5E5E
Title Text Color: FFFFFF
Category Background Color: 5E5E5E
Category Text Color: FCD116
News Title Background Color: 5E5E5E
News Title Text Color: FFFFFF
News Background Color: 5E5E5E
News Text Color: FFFFFF
Window Background 1: 737373
Window Background 2: 737373
Board Highlight Color: 737373
Thread Highlight Color: 737373
Table Border Color: 0000CC

Popup Window Colors:
Background Color: 000000
Text Color: FFFFFF
Title Background Color: 737373
Title Text Color: FFFFFF

Global Header

<script language=javascript>
<!--
var PMLogoCell = document.getElementsByTagName("TD")[1]; PMLogoCell.removeChild(PMLogoCell.lastChild)
document.getElementsByTagName('tr')[1].deleteCell(1);
-->
</script>
<table id="PM_Table" width="100%" cellpadding="4" cellspacing="0">
<tr><td id="pm_info" align="center" class="windowbg">Welcome Guest! <a href="/index.cgi?action=login">Login</a> | <a href="/index.cgi?action=register">Register</a>
</td></tr></table>

<script>
/* Smangii's EZ PM Bar v2 - by Smangii
smangii.proboards78.com */

var td = document.getElementsByTagName("td");
var pm_info = document.getElementById("pm_info");
if(td[2].innerHTML.match(/you have <.+?>(.+?) (message|messages)<.+?>, (\d+) (are|is) new./i)){
pm_info.innerHTML = 'Welcome back <b>'+pb_displayname+'</b>! You have <a href="/index.cgi?action=pm">'+RegExp.$3+' new message(s)</a>';}

document.getElementsByTagName("tr")[2].parentNode.insertBefore( document.getElementById("PM_Table"),
document.getElementsByTagName("tr")[2].nextSibling);
</script>

Global Footer:

<script language=javascript>
<!--
var PMLogoCell = document.getElementsByTagName("TD")[1]; PMLogoCell.removeChild(PMLogoCell.lastChild)
document.getElementsByTagName('tr')[1].deleteCell(1);
-->
</script>
<table id="PM_Table" width="100%" cellpadding="4" cellspacing="0">
<tr><td id="pm_info" align="center" class="windowbg">Welcome Guest! <a href="/index.cgi?action=login">Login</a> | <a href="/index.cgi?action=register">Register</a>
</td></tr></table>

<script>
/* Smangii's EZ PM Bar v2 - by Smangii
smangii.proboards78.com */

var td = document.getElementsByTagName("td");
var pm_info = document.getElementById("pm_info");
if(td[2].innerHTML.match(/you have <.+?>(.+?) (message|messages)<.+?>, (\d+) (are|is) new./i)){
pm_info.innerHTML = 'Welcome back <b>'+pb_displayname+'</b>! You have <a href="/index.cgi?action=pm">'+RegExp.$3+' new message(s)</a>';}

document.getElementsByTagName("tr")[2].parentNode.insertBefore( document.getElementById("PM_Table"),
document.getElementsByTagName("tr")[2].nextSibling);
</script>


Main Footer:

<script type="text/javascript">
<!--
/* remove Forum Name | Topics | Posts...
and add thread & post info by california */
var td = document.getElementsByTagName("td");
if(location.href.match(/com\/?((\index\.cgi)?\??(action=home)?)?(#.+)?$/)){
for(i=0;i<td.length;i++){
if(td.width=="1%" && td.innerHTML.match(/\d/)){
if(td[i+1].width.match(/^(1|7)%$/)){
td.innerHTML+="<br />threads";
td.width="8%";
}else{
td.innerHTML+="<br />posts";
td.width="7%";
}
}
if(td.width=="8%" && !td.innerHTML.match(/thread/)){
td.width="4%";
}
if(td.className=="titlebg" && td.innerHTML.match(/Forum Name/i)){
td.parentNode.style.display="none";
}
}
}
//-->
</script>
<script type="text/javascript">
<!--
/* remove main page mark as read bar */

var td = document.getElementsByTagName("td");
if(location.href.match(/com\/?((index\.cgi)?\??(action=(logout|home))?(#.+)?)?$/)){
for(i=td.length-1; i>0; i--){
if(td.innerHTML.match(/action=markall/) && td.className == "catbg"){
td.parentNode.style.display = "none";
break;
}
}
}

// -->
</script>
<style type="text/css">
#holder{
width: 100%;
}
#leftbox{
width: 20%;
float: left;
}
#rightbox{
width: 77%;
float: left;
position: relative;
left: 14px;
}
#eventbox{
width: 99%;
float: left;
}
#padding{
padding: 2px;
}
#area{
border: 1px solid #000000;
text-align: left;
width: 100%;
padding: 4px;
}
#onlinearea{
border: 1px solid #000000;
border-top-style: none;
text-align: left;
width: 100%;
padding: 4px;
}
</style>


<script type="text/javascript">
/*=======================================
Ultimate Info Center V3 Final
Created by hey (http://forums.talesrpg.com)
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.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>

[Arashi]

Yes I know, the code is pretty long, I couldn't do much for it... But I do have some sweet codes in it. An easy quick reply with a little set of little smileys! And quite a bit more, the part I really like is the color I added into it. It has the gamer tech in it sort of, didn't have a background or buttons for you...

[Nya]

A couple those codes are Copyrighted codes, Id suggest just linking to the codes you used.