Proboards Skin Competition

Moldy Cheese
Pro Member

Posts: 3,435

Proboards Skin Competition Nov 2, 2007 21:07:55 GMT -5

Post by Moldy Cheese on Nov 2, 2007 21:07:55 GMT -5

Preview

Some of the layers are missing because Photoshop crashed while I was making this and I lost some layers. I did get a screenshot of the work before it crashed and managed to paste it into paint. Sorry for any inconvenience. This was entered as Skin #8 and the runer-up for the 2007 Proboards Support Skin Competition.

Download

Codes:

Global Header:

<style type="text/css">
	body		{ background-position: top center }
	a:hover		{ color: #a4a5a6 !important; text-decoration: none }

	.banner		{ background-image: url('http://img211.imageshack.us/img211/2310/bannerat1.jpg'); height: 88px; text-align: right; padding-right: 10px }
	#banner		{ width: 100%; padding-top: 20px; vertical-align: middle;}
	
	#pms		{ margin: auto; width: 100%; height: 37px;
				background-image: url('http://img178.imageshack.us/img178/5363/pmgradjy2.jpg'); background-position: center center; background-repeat: no-repeat }
	#message	{ width: 752px; text-align: right }

	#nav		{ background: url('') no-repeat center center }

	#container	{ width: 717px; margin: auto; text-align: center;
				background: url('') repeat-y center center }

	#split		{ height: 25px }
	.head		{ background-image: url('http://img261.imageshack.us/img261/3721/headjw9.jpg'); height: 24px; width: 656px }
	.base		{ background-image: url('http://img502.imageshack.us/img502/9246/baseda7.jpg'); height: 16px; width: 656px }
	
	.cattext, catbg	{ font: 10px arial !important }
	.catbg, .titlebg{ background-image: url('http://img165.imageshack.us/img165/1531/gradli3.jpg') }
	.windowbg, .windowbg2{ border-top: 1px solid #f5f6f7 }
	.windowbg .windowbg, .windowbg2 .windowbg2{ border-top: 0px solid #f5f6f7 }
</style>
<div id="pms"></div>
<script type="text/javascript">
<!--
var pb = {
	get: new Function("return document.getElementById(arguments[0])"),

	cnt: function() {
		if(document.getElementById("counter"))
			return document.getElementById("counter").getElementsByTagName("table").length;
			return 0;
	},

	newm: function() {
		if(document.getElementsByTagName('td')[2].innerHTML.match(/(\d+) (are|is) new/i))
			return RegExp.$1;
			return 0;
	},

	isGuest: function() {
		if(pb_username == 'Guest')
			return true;
			return false;
	},

	loadMain: function() { 
		document.getElementsByTagName('table')[0].style.backgroundColor='transparent';
		document.getElementsByTagName('table')[1].style.backgroundColor='transparent';
		document.getElementsByTagName('table')[1].rows[0].cells[0].style.display = 'none';
		document.getElementsByTagName('table')[1].rows[0].cells[1].className = 'banner';
		document.getElementsByTagName('table')[1].rows[0].cells[1].innerHTML = '<div id="banner">' + document.getElementsByTagName('td')[5].innerHTML + '</div>';
		document.getElementsByTagName('tr')[2].style.display = 'none';
		document.getElementsByTagName('table')[0].style.width = '752px';
		document.getElementsByTagName('table')[0].cellSpacing = '0';
		document.getElementsByTagName('table')[1].insertRow(1);
		document.getElementsByTagName('table')[1].rows[1].insertCell(0);
		document.getElementsByTagName('table')[1].rows[1].cells[0].innerHTML='<img src="http://img505.imageshack.us/img505/2304/lightgradbw6.gif" />';
		var nDiv = document.getElementById('pms');
		document.body.replaceChild(nDiv, document.getElementsByTagName('br')[0]);
	},

	loadMenu: function() { 
		ban = document.getElementById('banner');
		ban.innerHTML = ban.innerHTML.replace(/\/a>&nB?sp;<a/ig, '/a><img src="http://img209.imageshack.us/img209/8364/spacerkf0.gif" border="0"/><a');
	},

	loadNav: function() {
		var e = [], i = this.get("container").getElementsByTagName("table")[0 + this.cnt()];
		for(var x = i.getElementsByTagName("a")[0]; x; x = x.nextSibling) {
			if(x.nodeName == "A")
				e.push("<a href='" + x.href + "'>" + x.innerHTML + "</a>");
			else if(x.nodeType == 1)
				break;
			if(e[0]) x.parentNode.removeChild(x.previousSibling);
		}
		if(!location.href.match(/action=/) || location.href.match(/action=home/)) {
			x.parentNode.removeChild(x.previousSibling);
			x.parentNode.removeChild(x);
		}
		if(x.previousSibling) x.previousSibling.replaceData(1, 2, "»")
		this.get("navigation").innerHTML = e.join(" : ");
	}
}

if(pb.isGuest()) {
	pb.get('pms').innerHTML = '<table cellspacing="0" cellpadding="0" width="752" align="center" style="position: relative; top: 20px"><tr><td id="message" align="right">Guest, please <a href="/index.cgi?action=login">login</a> or <a href="/index.cgi?action=register">register</a>.</td></tr></table>';
} else {
	pb.get('pms').innerHTML = '<table cellspacing="0" cellpadding="0" width="752" align="center" style="position: relative; top: 20px"><tr><td id="message" align="right">Hello, ' + pb_displayname +', you have  <a href="/index.cgi?action=pm">' + pb.newm() + '</a> new ' + (pb.newm() == 1 ? 'message' : 'messages') + '.</td></tr></table>';
}
pb.loadMain();
pb.loadMenu();
window.onload = function() {
document.body.appendChild(document.createElement("div"));
document.body.lastChild.style.height = "52px";
document.body.lastChild.style.marginTop = "12px";
document.body.lastChild.style.position = "relative";
document.body.lastChild.style.top = document.body.lastChild.scrollTop
document.body.lastChild.style.background = "url('http://img261.imageshack.us/img261/9624/bottomforumzq9.jpg') no-repeat center center";
}
//-->
</script>
<div style="text-align: center">
<div id="container"><div id="counter">

<div style="height: 44px; text-align: left; padding-left: 30px; background-image: url('http://i232.photobucket.com/albums/ee26/ericlaptonownsyou/tabletop.jpg')"><table cellpadding="0" cellspacing="0"><tr><td><img src="http://i232.photobucket.com/albums/ee26/ericlaptonownsyou/navbarleft.jpg" /></td><td style="background-image: url('http://i232.photobucket.com/albums/ee26/ericlaptonownsyou/navbarmiddle.jpg')" id="navigation">loading</td><td><img src="http://i232.photobucket.com/albums/ee26/ericlaptonownsyou/navbarright.jpg" /></td></tr></table></div></div>
<div style="background-image: url('http://img177.imageshack.us/img177/7479/tablemiddlerl2.jpg')"><br/><div id="counter">
</div>

Global Footer:

<script type="text/javascript">
<!--
var cTables = document.getElementById('container').getElementsByTagName('table');
var tables = new Array('');

if(location.href.match(/\.com(\/|.+cgi(\?|#.+|\?\w+=home)?)?$/i)) {
for(x = cTables[2 + pb.cnt()].rows, i = 1;i < x.length; i ++) { 
	if(x[i].firstChild.className == 'windowbg') {
		tables.push('<tr>' + x[i].innerHTML + '</tr>');
	} else if(x[i].firstChild.className == 'catbg' && !x[i].firstChild.innerHTML.match(/markallboardsread/i)) {
		tables.push('</table><div class="base"></div><div id="split"></div><div class="head"></div><table width="656" cellspacing="1" cellpadding="4" class="bordercolor"><tr><td class="catbg"></td><td class="catbg">' + x[i].firstChild.innerHTML + '</td><td class="catbg"><font class="cattext">Topics</font></td><td class="catbg"><font class="cattext">Posts</font></td><td class="catbg"><font class="cattext">Last Post</font></td></tr>');
	}
}
tables.push('</table><div class="base"></div>');
cTables[2 + pb.cnt()].parentNode.innerHTML = tables.join("");
cTables[1 + pb.cnt()].style.backgroundColor = 'transparent';
cTables[2 + pb.cnt()].parentNode.getElementsByTagName('div')[0].style.display = 'none';
cTables[2 + pb.cnt()].parentNode.getElementsByTagName('div')[1].style.display = 'none';
}
//-->
</script>
<br/></div>
<script>
pb.loadNav();
</script>
<div style="height: 51px; background-image: url('http://img293.imageshack.us/img293/9531/bottomtable2xj2.jpg')"></div>
<div style="padding-left: 30px; text-align: left"><a href="#"><img src="http://img180.imageshack.us/img180/7574/backtotopdu1.jpg" border="0" /></a>
<a href="/index.cgi?action=markallboardsread" style="display: none; margin-left: 20px" id="markallboardsread"><img src="http://img301.imageshack.us/img301/5125/markasreadov4.jpg" border="0" /></a></div>
</div></div>

<script>
if(!location.href.match(/action=/) || location.href.match(/action=home/))
document.getElementById("markallboardsread").style.display = "";
</script>

Last Edit: Nov 30, 2007 23:22:39 GMT -5 by Kahless

blanka New Member Posts: 39	Proboards Skin Competition Nov 3, 2007 13:06:55 GMT -5 Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by blanka on Nov 3, 2007 13:06:55 GMT -5 downloads Oh man i cant wait to open this on photoshop You did very good on it!
	pwnage

Moldy Cheese Pro Member CLICK FOR LEET HAX Posts: 3,435	Proboards Skin Competition Nov 3, 2007 15:44:04 GMT -5 Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Moldy Cheese on Nov 3, 2007 15:44:04 GMT -5 Thank you Blanka.

gray929 Guest	Proboards Skin Competition Nov 3, 2007 15:52:40 GMT -5 Select Post Deselect Post Link to Post Back to Top Post by gray929 on Nov 3, 2007 15:52:40 GMT -5 In my list of Top 4 Pre-made skins. Should have one the contest xD

Wrighty Senior Member Member #1 Posts: 362	Proboards Skin Competition Nov 3, 2007 16:08:06 GMT -5 Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Wrighty on Nov 3, 2007 16:08:06 GMT -5 is it download in PSD format?

gray929 Guest	Proboards Skin Competition Nov 3, 2007 16:09:18 GMT -5 Select Post Deselect Post Link to Post Back to Top Post by gray929 on Nov 3, 2007 16:09:18 GMT -5 wrighty said: is it download in PSD format? Yes.

Wrighty Senior Member Member #1 Posts: 362	Proboards Skin Competition Nov 3, 2007 17:04:11 GMT -5 Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Wrighty on Nov 3, 2007 17:04:11 GMT -5 Hmmm I wonder if I can downloads it and codes it ... hmmm

Moldy Cheese Pro Member CLICK FOR LEET HAX Posts: 3,435	Proboards Skin Competition Nov 3, 2007 17:07:04 GMT -5 Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Moldy Cheese on Nov 3, 2007 17:07:04 GMT -5 wrighty said: Hmmm I wonder if I can downloads it and codes it ... hmmm Go ahead, it's Open Source. You can do whatever the hell you want with it, as long as you don't take a gradient or something and say you made it.

slip Junior Member FRAKKING AWAY! Posts: 63	Proboards Skin Competition Nov 4, 2007 0:37:17 GMT -5 Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by slip on Nov 4, 2007 0:37:17 GMT -5 Yes this was pretty sharp Really nice work.

Moldy Cheese Pro Member CLICK FOR LEET HAX Posts: 3,435	Proboards Skin Competition Nov 4, 2007 13:28:11 GMT -5 Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Moldy Cheese on Nov 4, 2007 13:28:11 GMT -5 slip said: Yes this was pretty sharp Really nice work. Thanks slip. Congrats on the win.

Jake New Member Posts: 2	Proboards Skin Competition Nov 4, 2007 14:16:43 GMT -5 Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Jake on Nov 4, 2007 14:16:43 GMT -5 Should be a premade skin! Smexxi! Downloads

Moldy Cheese Pro Member CLICK FOR LEET HAX Posts: 3,435	Proboards Skin Competition Nov 5, 2007 21:38:48 GMT -5 Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Moldy Cheese on Nov 5, 2007 21:38:48 GMT -5 Why is this stickied? And Jake, you'll have to ask Kahless to release it as a premade. I'm all fine with the graphics being used but he's the one who actually coded it.

Proboards Skin Competition

Post by Moldy Cheese on Nov 2, 2007 21:07:55 GMT -5

Post by blanka on Nov 3, 2007 13:06:55 GMT -5

Post by Moldy Cheese on Nov 3, 2007 15:44:04 GMT -5

Post by gray929 on Nov 3, 2007 15:52:40 GMT -5

Post by Wrighty on Nov 3, 2007 16:08:06 GMT -5

Post by gray929 on Nov 3, 2007 16:09:18 GMT -5

Post by Wrighty on Nov 3, 2007 17:04:11 GMT -5

Post by Moldy Cheese on Nov 3, 2007 17:07:04 GMT -5

Post by slip on Nov 4, 2007 0:37:17 GMT -5

Post by Moldy Cheese on Nov 4, 2007 13:28:11 GMT -5

Post by Jake on Nov 4, 2007 14:16:43 GMT -5

Post by Moldy Cheese on Nov 5, 2007 21:38:48 GMT -5