I spent many hours making this skin so I hope you guys appreciate it. I got the idea from a tutorial on www.photoshop-plus.co.uk/ and decided why not use that style on a forum skin.

---

Preview Image

Features:

• SlipStream Style Everywhere
  
• Transparent boards
  
• Info Center icons hidden

Settings: Text Menus: yes

Files
Banner .PSD

Global Header
<style type="text/css">
<!--
body{
font-family: Verdana;
font-size: 11px;
color: #efefef;
background-image: url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_body_bg_top.jpg), url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_body_bg_bot.jpg);
background-position: center top, center bottom;
background-repeat: no-repeat;
background-color: #000000;
}
.nav:link, .nav:visited{
font-family: Verdana;
font-size: 11px;
color: #efefef;
}
#pagedropmenu{
background-color: #000000;
border: none;
}
.welcomebg{
height: 150px;
background: none;
text-align: left;
}
.menubg{
height: 80px;
background: url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_menu1.png) no-repeat center;
}
.menubg a:link, .menubg a:visited{
outline: none;
margin-left: 10px;
padding: 0px 10px;
text-transform: uppercase;
font-size: 12px;
font-family: Verdana;
color: #efefef;
}
.menubg a:hover{
text-decoration: underline;
color: #ff9c00;
}
a:link, a:visited{
color: #ff9c00;
}
a:hover{
text-decoration: underline;
}
hr, .hr{
background-color: #efefef;
color: #efefef;
}
.catbg, .titlebg{
font-family: Verdana;
font-weight: bold;
font-size: 14px;
background: none;
color: #efefef;
}
.cattext, .titletext{
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #efefef;
}
.catbg a:link, .catbg a:visited, .titlebg a:link, .titlebg a:visited{
color: #ff9c00;
}
.bordercolor{
background: none;
}
td{
font-family: Verdana;
font-size: 11px;
color: #efefef;
background-color: transparent;
}
.windowbg, .windowbg2{
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 5px;
font-family: Verdana;
font-size: 11px;
color: #efefef;
background-color: transparent;
}
.windowbg table tr td.windowbg, .windowbg2 table tr td.windowbg2{
background: none;
border: none;
}
.code, .quote{
background-color: #2c2c2c;
font-size: 10px;
color: #efefef;
}
.textButton{
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 1px;
background-color: #2c2c2c;
font-size: 10px;
color: #ff9c00;
}
.head{
background-image: url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_table_head3.png);
height: 22px;
width: 890px;
}
.base{
background-image: url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_table_base3.png);
height: 22px;
width: 890px;
}
.tablebg{
background-image: url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_table_mid3.png);
width: 890px;
}
.footer{
height: 80px;
background: url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_menu1.png) no-repeat center;
}
#footer_text{
margin-left: 10px;
color: #efefef;
font-size: 9px;
}
//-->
</style>
<script type="text/javascript">
<!--
/* Welcome Table Edit - Open Source */

var table = document.getElementsByTagName("table");
var tr = document.getElementsByTagName("tr");
var td = document.getElementsByTagName("td");
var font = document.getElementsByTagName("font");
var br = document.getElementsByTagName("br");

function getID(thisID) {
return document.getElementById(thisID);
}

font.item(1).parentNode.removeChild(font.item(1));
td.item(2).style.display = "none";
td.item(5).align = "left";
br.item(0).style.display = "none";
table.item(0).style.backgroundColor = "transparent";

//-->
</script>
<script type="text/javascript">
<!--
// Remove Brackets in Text Menu by Smangii
var menu = document.getElementsByTagName('td');
for(e=0; e<menu.length; e++){
if(menu[e].className.match(/menubg/i)){
menu[e].innerHTML = menu[e].innerHTML.replace(/(\[)/gi,'');
menu[e].innerHTML = menu[e].innerHTML.replace(/(\])/gi,'');
}}
//-->
</script>

Global Footer
<script type="text/javascript">
<!--
/* Transparent Board Highlights - Open Source */

if(window.mouseOverHighlightCell) {
var hover = [ mouseOverHighlightCell, mouseOutHighlightCell ]
mouseOverHighlightCell = function(a) {
style.backgroundColor = "transparent";
hover[0](a);
}
mouseOutHighlightCell = function(a) {
style.backgroundColor = "transparent";
hover[1](a);
}
}
if(window.mouseOverHighlightCellB) {
var hover_sub = [ mouseOverHighlightCellB, mouseOutHighlightCellB ]
mouseOverHighlightCellB = function(a) {
style.backgroundColor = "transparent";
hover_sub[0](a);
}
mouseOutHighlightCellB = function(a) {
style.backgroundColor = "transparent";
hover_sub[1](a);
}
}
//-->
</script>
<script type="text/javascript">
<!--
/* SlipStream Style Everywhere OPEN SOURCE
DregondRahl - [url]http://support.proboards.com[/url] */

var iTableWidth = "97%";

//Do Not Edit Below

var table = document.getElementsByTagName('table');

baseImg = document.createElement('div');
headImg = document.createElement('div');
headImg.className = "head";
baseImg.className = "base";

for(i = 4; i < table.length; i ++){
if(table[i].cellPadding == '4' && table[i].cellSpacing == '1' && table[i].parentNode.nodeName.match(/^td$/i)){
table[i].parentNode.className = "tablebg";
table[i].className = "bordercolor";
table[i].width = iTableWidth;
table[i].align = "center";
}

if(table[i].className == 'bordercolor' && table[i].cellPadding == '0' && !table[i].id.match(/daSplit/i)){
table[i].parentNode.insertBefore(headImg.cloneNode(true), table[i]);
table[i].parentNode.insertBefore(baseImg.cloneNode(true), table[i].nextSibling);
}
}

// -->
</script>
<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(t=0; t<table.length; t++) {
table[t].cellSpacing='0';
if(table[t].width=="92%")
table[t].width='890px';
}
//-->
</script>
<script type="text/Javascript">
// Remove "Author | Topic" Row by Chris
// Do not redistribute without permission of the creator

var aTD = document.getElementsByTagName("td");
if(location.href.match(/action=(display|(calendar|pm)view)/i) || document.title.match(/\s-\sSearch\sResults/i)){
for(a=0;a<aTD.length;a++){
if(aTD[a].className == "catbg" && aTD[a].width == "20%"){
aTD[a].parentNode.style.display = "none";
}
}
}
</script>
<script type = 'text/javascript'>
<!--
/*
Images to Text
By Michael (Wrighty)
Do Not Repost, Rip, Claim or Edit
*/
for(n = 0, i = document.getElementsByTagName('img'); n < i.length; n++)
if(i[n].src.match(/(s\d+\.)?images\.proboards\.com/) && i[n].src.match(/(\/button|search2|newpoll)/) && i[n].src.match(/(png|gif)$/) && !i[n].src.match(/_sm/)){
var f = document.createElement('font');
f.className = 'textButton';
i[n].parentNode.replaceChild(f.appendChild(document.createTextNode(i[n].alt.replace(/(\[|\])/g, ''))).parentNode, i[n]);
n--;
}
//-->
</script>
<table width="890" class="footer" align="center"><tr><td class="windowbg2"><div id="footer_text">Skin design by <a href="http://zaxinou.proboards.com" style="font-size: 9px;" target="_blank">Graphic Monks</a>. | Best viewed in <a href="http://www.mozilla.org/firefox?WT.mc_id=aff_en01&WT.mc_ev=click" style="color: #d64203; font-size: 9px;" target="_blank">Mozilla Firefox</a>. | Concept by <a href="http://www.photoshop-plus.co.uk" style="font-size: 9px;" target="_blank">Photoshop Plus</a>.</div></td></tr></table><br /><br /><br /><br /><br /><br /><br />

Main Footer
<script type='text/Javascript'>
<!--

/* SlipStream Category Splitter- DregondRahl
Donot Repost this code or edit this copyright
[url]http://support.proboards.com[/url] */

var iTableWidth = "97%";
var catSpacing = "0px";

//Do not Edit Below

var table = document.getElementsByTagName('table');
var div = document.createElement('div');
var divA = document.createElement('div');
divA.style.height = catSpacing ;

if(location.href.match(/action=(change|home)/i) || !location.href.match(/action=/i)){
for(i=0; i<table.length; i++){
if(table[i].cellPadding =='4' && table[i-1].className =='bordercolor' && table[i].rows[0].cells[0].firstChild.innerHTML.match(/Forum\sName/i)){
for(r=1; r<table[i].rows.length; r++){

if(table[i].rows[r].getElementsByTagName('a')[0].name){

var divH = document.createElement('div');
var divB = document.createElement('div');
divH.className = 'head';
divB.className = 'base';

var tabA = document.createElement('table');
tabA.appendChild(document.createElement('tbody'));
tabA.cellPadding = '0';
tabA.cellSpacing = '0';
tabA.width = '100%';
tabA.id ='daSplit';

var tr = document.createElement('tr');
tr.appendChild(document.createElement('td'));
tr.firstChild.className = 'tablebg';

var tab = document.createElement('table');
tab.className = 'bordercolor';
tab.width = iTableWidth;
tab.cellPadding = '4';
tab.cellSpacing = '1';
tab.align ='center';


var cat = table[i].rows[r].cells[0].lastChild;
tab.appendChild(document.createElement('tbody'));
tab.firstChild.appendChild(table[i].rows[0].cloneNode(true));

var title = tab.rows[0].cells[0].firstChild.firstChild;
title.parentNode.replaceChild(cat,title);

tr.firstChild.appendChild(tab);
tabA.firstChild.appendChild(tr);
div.appendChild(divA.cloneNode(true));
div.appendChild(divH);
div.appendChild(tabA);
div.appendChild(divB);


} else if(table[i].rows[r].cells[4]){
tab.lastChild.appendChild(table[i].rows[r].cloneNode(true));
}
}

table[i-1].parentNode.replaceChild(div,table[i-1]);
break;
}
}
}

//-->
</script>
<script type="text/javascript">
<!--
/* remove info center titlebg */
var td=document.getElementsByTagName("td");
if(location.href.match(/(cgi\??(#.+)?|com\/?|logout|sread|change=.+?)$/)){
for(i=0;i<td.length;i++){
if(td[i].className=="titlebg" && td[i].innerHTML.match(/Info\sCenter/i)){
td[i].parentNode.style.display="none";
}
}
}
// -->
</script>
<script type="text/javascript">
<!--
/* Remove Info Center Icons by UnChained */
/* Please leave this header intact. Do not repost. */
/* [url]http://proboardcoding.proboards58.com[/url] */

var td=document.getElementsByTagName("td")
if(location.href.match(/com\/?((\index\.cgi)?\??(action=(change.+?|home))?)?(#.+)?$/)){
for(x=0;x<td.length;x++){
if(td[x].className.match(/windowbg/) &&td[x].width.match(/20/)){
td[x].style.display="none";
}
}
}
//-->
</script>


Last Edit: Jul 18, 2011 2:51:45 GMT by Zaxinou