Skin name: Tech Skin
Creator: SilentDeath
Additional Information: My first skin.

Live Preview: Here

Download: Here

Note: Please notify me if the download link is down. Thank you.

Color:
Background Color: 000000
Gradient Height: 27
Font Color: FFFFFF
Link Color: 1c688e
Active Link Color: 1c688e
Visited Link Color: 1c688e
Windows Background Color: 0e151b
Windows Background2 Color: 0e151b
Board highlight color: 0e151b
Thread Highlight Color: 0e151b

The code:

Global Header

<script type="text/javascript">
<!--
/* Remove spacing between menu images */
var seperator='';
var menu=document.getElementsByTagName("td")[5].firstChild;
menu.innerHTML=menu.innerHTML.replace(/\/a>(\s| )<a/gi,'/a>'+seperator+'<a');
// -->
</script>

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

var imgURL = "http://i45.tinypic.com/28a6j9k.jpg";
var imgWidth = "803";
var imgHeight = "224";
var menuXpos = "231";
var menuYpos = "150";

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">
body {
background-color: #000000;
}
.catbg {
background-image: url(http://i46.tinypic.com/xbfxoz.jpg);
}
.titlebg {
background-image: url(http://i46.tinypic.com/xbfxoz.jpg);
}
</style>

<script type="text/Javascript">
<!--
/* Remove Welcome Table Borders by Smangii */
var wel = document.getElementsByTagName("table")[0];
wel.className = "";
wel.cellSpacing = 0;
//-->
</script>

<script>
<!--
document.getElementsByTagName('font')[1].innerHTML='';
document.getElementsByTagName('tr')[1].deleteCell(1);
//-->
</script>

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

document.write('<div id="iTopHolder"></div>');
document.getElementById('iTopHolder').appendChild(document.getElementsByTagName('table').item(0));

//-->
</script>


Global Footers

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

/*Head/Base Images Everywhere - By iAlex - Open Source*/

var iEveryHeadImage="http://i48.tinypic.com/34zhret.jpg"; //Header Image
var iEveryBaseImage="http://i46.tinypic.com/oau8t4.jpg"; //Foter Image

var iTable=document.getElementsByTagName('table');
for(i=0;i<iTable.length;i++){
if(iTable.item(i).width=="100%" && iTable.item(i).className.match(/bordercolor/) && iTable.item(i).cellSpacing=="0" && iTable.item(i).cellPadding=="0" && iTable.item(i).border=="0"){
var iEveryHeadDiv=document.createElement('div');
iEveryHeadDiv.innerHTML='<center><img src="'+iEveryHeadImage+'" /></center>';
iTable.item(i).parentNode.insertBefore(iEveryHeadDiv, iTable.item(i));
var iEveryBaseDiv=document.createElement('div');
iEveryBaseDiv.innerHTML='<center><img src="'+iEveryBaseImage+'" /></center>';
iTable.item(i).parentNode.insertBefore(iEveryBaseDiv, iTable.item(i).nextSibling);
}
}

//-->
</script>

<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table[i]) {
if(width == '92%') {
width = '803';
}}}
//-->
</script>

<table width="200px" cellpadding="4" cellspacing="1" align="center" class="bordercolor">
<tr>
<td class="titlebg" width="100%" colspan="2" align="center">
<font size=2><b>Copyright ©</B></font>
</td>
</tr>
<tr>
<td width="100%" class="windowbg2" vAlign="top" align="center">
<font size=2>Created by SilentDeath</font>
</td>
</tr>
</table>


Main footer

<script>
/* Remove Info center Icons, by Smangii */
var TD =document.getElementsByTagName("TD")
for(i=0;i<TD.length;i++)
{
if(TD[i].width=="20" && TD[i].className.match("windowbg"))
{
TD[i].style.display="none"
}
}
</script>


Please tell me what you guys think!


Last Edit: Jan 9, 2010 22:12:53 GMT by Silent