Post by Chuck on Aug 4, 2007 3:07:44 GMT
My first skin .
Live Preview: HERE.
Download: Manual
Colors: HERE.
Global Header:
Global Footer:
Images:
-Message Icons:
-Menu Icons:
-Stars:
-On/Off Icons:
+On:
+Off:
-Info Center Icons:
+Information:
+Members Online:
Hope you like my first skin. Anything else? Just PM me.
Live Preview: HERE.
Download: Manual
Colors: HERE.
Global Header:
<table width="760" border="0" cellpadding="0" cellspacing="0" align="center">
<tr><td width="760"><img src="http://i19.tinypic.com/6c3jqkh.jpg"></td></tr><tr><td align="center" style="background-image: url(http://i10.tinypic.com/4tqgp06.jpg);">
<script>
document.getElementsByTagName('tr')[1].deleteCell(1);
document.getElementsByTagName("FONT")[1].style.display="none";
</script>
<script type="text/Javascript">
/* Remove Welcome Table Borders */
var wel = document.getElementsByTagName("table")[0];
wel.className = "";
wel.cellSpacing = 0;
/* Transparent Welcome Table */
var td = document.getElementsByTagName("td");
var tt = document.getElementsByTagName("table")[0];
tt.style.backgroundColor = "transparent";
tt.cellSpacing = "0";
for(i=0; i<td.length; i++)
td[i].style.backgroundColor = "transparent";
</script>
<div id="wel"></div>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
//-->
</script>
<style type="text/css">
<!--
body {
background-position: center center;
background-repeat: repeat-y;
}
a, a:link, a:hover, a:visited, font {
font-size: 11px;
}
.catbg {
background-image: url(http://i14.tinypic.com/63m5m3a);
background-repeat: repeat-x;
}
.titlebg {
background-image: url(http://i9.tinypic.com/4xpcihh);
background-repeat: repeat-x;
}
//-->
</style>
<script type="text/Javascript">
<!--
/* Resize Forum Width */
var newWidth = 670; // New Width
var secondWidth = Math.floor((25/23)*newWidth);
document.write("<div align='center'><div style='width: "+secondWidth+"px; margin-left: auto; margin-right: auto;' align='center'>");
document.body.getElementsByTagName("TABLE")[0].width = newWidth;
// -->
</script>
Global Footer:
</td></tr><td align='center' valign='top' width='780'><center><img src='http://i11.tinypic.com/6ateoi1.jpg'></center></td></tr><tr><td valign='middle' align='center'>Humple Pie © <a href="http://svr06.proboards103.com/index.cgi?">SVR06</a> by Chuck</td></tr></table></br></br>
Images:
-Message Icons:
-Menu Icons:
-Stars:
-On/Off Icons:
+On:
+Off:
-Info Center Icons:
+Information:
+Members Online:
Hope you like my first skin. Anything else? Just PM me.