I used this skin for my website, which never caught on.

Preview: None Remove-ified

No download.


Global Header:
<style type="text/css"><!--

body{
     background-image: url(http://img116.imageshack.us/img116/5813/backgroundcopyae6.png);
     background-position: center center;
     background-repeat: repeat-y;
}

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

var iBannerImage="http://img515.imageshack.us/img515/3257/bannercopykn4.png"; //Baner Image

var iMenuButtons=document.getElementsByTagName('td').item(5).innerHTML;
var iTopDiv=document.createElement('div');
iTopDiv.innerHTML='<center><div><img src="'+iBannerImage+'" /></div><div style="height: 34px; width: 1000px; background-image: url(http://img116.imageshack.us/img116/4600/navmenucopyem4.png); background-position: center center;">'+iMenuButtons+'</div></center>';
document.getElementsByTagName('table').item(0).style.display='none';
document.body.replaceChild(iTopDiv, document.getElementsByTagName('br').item(0));

//-->
</script>

<table class="titlebg" height="27" width="92%" align="center" cellspacing="0" cellpadding="0" style="border: 1px solid #000">
<tr valign="middle">
<td id="logged"></td>
<td id="links" align="right"></td>
</tr>
</table>

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

var logged = document.getElementById("logged");
var links = document.getElementById("links");
var pm_cell = document.getElementsByTagName("td").item(2);
var date = pm_cell.innerHTML.split(/<br\/?>/i)[1].split(/<\/font>/i)[0];

if(pb_username == "Guest"){
logged.innerHTML = "&nb" + "sp;Please <a href='/index.cgi?action=login'>Login</a> or <a href='/index.cgi?action=register'>Register</a>";
links.innerHTML += date + "&nb" + "sp;";
} else {
logged.innerHTML = "&nb" + "sp;Hey <a href='/index.cgi?action=viewprofile&user=" + pb_username + "'>" + pb_displayname + "</a>, the date & time is " + date;
links.innerHTML += "<a href='/index.cgi?action=recent'>Recent Posts</a> -&nb" + "sp;";

var messages = "0 New Message";

if(pm_cell.innerHTML.match(/, (\d+) (are|is) new/i)){
if(RegExp.$1 == 1){
messages = "1 New Message";
} else {
messages = RegExp.$1 + "New Messages";
}
}

links.innerHTML += "<a href='/index.cgi?action=pm'>" + messages + "</a>&nb" + "sp;";
}

//-->
</script>




Global Footers:
<script type="text/javascript">
<!--var iEndImage="http://img521.imageshack.us/img521/3431/bottomimagecopyku... //Bottom Image

var iImageDiv=document.createElement('div');
iImageDiv.innerHTML='<center><div style="height: 108px; width: 1001px; background-image: url('+iEndImage+'); background-position: center center;"></div></center>';
if(document.addEventListener){
     window.addEventListener('load', function(){
           document.body.appendChild(iImageDiv);
     }, false);
}
else{
     window.attachEvent('onload', function(){
           document.body.appendChild(iImageDiv);
     });
}

//-->
</script>


<style type="text/css">
<!--
.ubbcStyle {
position: relative;
top: 2px;
}

.colorSelectStyle {
float: right;
position: relative;
}
-->
</style>


<script type="text/javascript">
<!--
/* Resize Forum */

var resize = document.getElementsByTagName("table");
   for( r=0; r<resize.length; r++ ) {
       if( resize[r].width=="80%" ) {
       resize[r].width="80%";
       // Edit width
   }
       }

// -->
</script>
<script type="text/Javascript">
// Resize Forum Width

var aTB = document.getElementsByTagName("table");
for(a=0;a<aTB.length;a++)
if(aTB[a].width == "92%")
aTB[a].width = "1001";
</script>





Color Scheme:


Background Color:FFFFFF
Text Color:5E5E5E
Link Color:5E5E5E
Active Link Color:5E5E5E
Visited Link Color:5E5E5E
Title Background Color:bfbfbf
Title Text Color:5E5E5E
Category Background Color:bfbfbf
Category Text Color:5E5E5E
News Title Background Color:BFBFBF
News Title Text Color:5E5E5E
News Background Color:BFBFBF
News Text Color:5E5E5E
Window Background 1:D9D9D9
Window Background 2:d9d9d9
Board Highlight Color:D9D9D9
Thread Highlight Color:D9D9D9
Table Border Color:8C8C8C


Background Color:D9D9D9
Text Color:5E5E5E
Title Background Color:BFBFBF
Title Text Color:5E5E5E


Add your own images. I couldn't find/make any a year ago.



Hope you like the skin!



Last Edit: Jan 1, 2009 23:24:11 GMT by Conor