Post by ß®!ΞΩ۞©Ð on Nov 16, 2008 15:32:05 GMT
I used this skin for my website, which never caught on.
Preview: extremestudios.proboards.com/
No download.
Global Header:
Global Footers:
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!
Preview: extremestudios.proboards.com/
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=="92%" ) {
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!