GM Gaming Skin | Graphic Monks

Zaxinou
Administrator

Asar Ptah Neb Ankh

I have made 2,223 posts
Right now I'm Offline
I joined July 2008

GM Gaming Skin Jun 19, 2011 18:52:17 GMT 10 | To Top

Quote

Post by Zaxinou on Jun 19, 2011 18:52:17 GMT 10

I spent many hours making this skin so I hope you guys appreciate it. I got the idea from a tutorial on www.photoshop-plus.co.uk/ and decided why not use that style on a forum skin.

Preview Image

Features:

SlipStream Style Everywhere
Transparent boards
Info Center icons hidden

Settings: Text Menus: yes

Files
Banner .PSD

Global Header

<style type="text/css">
<!--
body{
font-family: Verdana;
font-size: 11px;
color: #efefef;
background-image: url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_body_bg_top.jpg), url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_body_bg_bot.jpg);
background-position: center top, center bottom;
background-repeat: no-repeat;
background-color: #000000;
}
.nav:link, .nav:visited{
font-family: Verdana;
font-size: 11px;
color: #efefef;
}
#pagedropmenu{
background-color: #000000;
border: none;
}
.welcomebg{
height: 150px;
background: none;
text-align: left;
}
.menubg{
height: 80px;
background: url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_menu1.png) no-repeat center;
}
.menubg a:link, .menubg a:visited{
outline: none;
margin-left: 10px;
padding: 0px 10px;
text-transform: uppercase;
font-size: 12px;
font-family: Verdana;
color: #efefef;
}
.menubg a:hover{
text-decoration: underline;
color: #ff9c00;
}
a:link, a:visited{
color: #ff9c00;
}
a:hover{
text-decoration: underline;
}
hr, .hr{
background-color: #efefef;
color: #efefef;
}
.catbg, .titlebg{
font-family: Verdana;
font-weight: bold;
font-size: 14px;
background: none;
color: #efefef;
}
.cattext, .titletext{
font-family: Verdana;
font-weight: bold;
font-size: 14px;
color: #efefef;
}
.catbg a:link, .catbg a:visited, .titlebg a:link, .titlebg a:visited{
color: #ff9c00;
}
.bordercolor{
background: none;
}
td{
font-family: Verdana;
font-size: 11px;
color: #efefef;
background-color: transparent;
}
.windowbg, .windowbg2{
padding-left: 7px;
padding-right: 7px;
padding-top: 4px;
padding-bottom: 5px;
font-family: Verdana;
font-size: 11px;
color: #efefef;
background-color: transparent;
}
.windowbg table tr td.windowbg, .windowbg2 table tr td.windowbg2{
background: none;
border: none;
}
.code, .quote{
background-color: #2c2c2c;
font-size: 10px;
color: #efefef;
}
.textButton{
padding-left: 3px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 1px;
background-color: #2c2c2c;
font-size: 10px;
color: #ff9c00;
}
.head{
background-image: url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_table_head3.png);
height: 22px;
width: 890px;
}
.base{
background-image: url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_table_base3.png);
height: 22px;
width: 890px;
}
.tablebg{
background-image: url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_table_mid3.png);
width: 890px;
}
.footer{
height: 80px;
background: url(http://i143.photobucket.com/albums/r146/zaxinou/gaming_menu1.png) no-repeat center;
}
#footer_text{
margin-left: 10px;
color: #efefef;
font-size: 9px;
}
//-->
</style>
<script type="text/javascript">
<!--
/* Welcome Table Edit - Open Source */

var table = document.getElementsByTagName("table");
var tr = document.getElementsByTagName("tr");
var td = document.getElementsByTagName("td");
var font = document.getElementsByTagName("font");
var br = document.getElementsByTagName("br");

function getID(thisID) {
return document.getElementById(thisID);
}

font.item(1).parentNode.removeChild(font.item(1));
td.item(2).style.display = "none";
td.item(5).align = "left";
br.item(0).style.display = "none";
table.item(0).style.backgroundColor = "transparent";

//-->
</script>
<script type="text/javascript">
<!--
// Remove Brackets in Text Menu by Smangii
var menu = document.getElementsByTagName('td');
for(e=0; e<menu.length; e++){
if(menu[e].className.match(/menubg/i)){
menu[e].innerHTML = menu[e].innerHTML.replace(/(\[)/gi,'');
menu[e].innerHTML = menu[e].innerHTML.replace(/(\])/gi,'');
}}
//-->
</script>

Global Footer

<script type="text/javascript">
<!--
/* Transparent Board Highlights - Open Source */

if(window.mouseOverHighlightCell) {
var hover = [ mouseOverHighlightCell, mouseOutHighlightCell ]
mouseOverHighlightCell = function(a) {
style.backgroundColor = "transparent";
hover[0](a);
}
mouseOutHighlightCell = function(a) {
style.backgroundColor = "transparent";
hover[1](a);
}
}
if(window.mouseOverHighlightCellB) {
var hover_sub = [ mouseOverHighlightCellB, mouseOutHighlightCellB ]
mouseOverHighlightCellB = function(a) {
style.backgroundColor = "transparent";
hover_sub[0](a);
}
mouseOutHighlightCellB = function(a) {
style.backgroundColor = "transparent";
hover_sub[1](a);
}
}
//-->
</script>
<script type="text/javascript">
<!--
/* SlipStream Style Everywhere OPEN SOURCE
DregondRahl - [url]http://support.proboards.com[/url] */

var iTableWidth = "97%";

//Do Not Edit Below

var table = document.getElementsByTagName('table');

baseImg = document.createElement('div');
headImg = document.createElement('div');
headImg.className = "head";
baseImg.className = "base";

for(i = 4; i < table.length; i ++){
if((table[i].cellPadding == '4' || (document.pmForm && table[i].cellPadding == '1')) && table[i].cellSpacing == '1' && table[i].parentNode.nodeName.match(/^td$/i)){
table[i].parentNode.className = "tablebg";
table[i].className = "bordercolor";
table[i].width = iTableWidth;
table[i].align = "center";
}

if(table[i].className == 'bordercolor' && table[i].cellPadding == '0' && !table[i].id.match(/daSplit/i)){
table[i].parentNode.insertBefore(headImg.cloneNode(true), table[i]);
table[i].parentNode.insertBefore(baseImg.cloneNode(true), table[i].nextSibling);
}
}

// -->
</script>
<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(t=0; t<table.length; t++) {
table[t].cellSpacing='0';
if(table[t].width=="92%")
table[t].width='890px';
}
//-->
</script>
<script type="text/Javascript">
// Remove "Author | Topic" Row by Chris
// Do not redistribute without permission of the creator

var aTD = document.getElementsByTagName("td");
if(location.href.match(/action=(display|(calendar|pm)view)/i) || document.title.match(/\s-\sSearch\sResults/i)){
for(a=0;a<aTD.length;a++){
if(aTD[a].className == "catbg" && aTD[a].width == "20%"){
aTD[a].parentNode.style.display = "none";
}
}
}
</script>
<script type = 'text/javascript'>
<!--
/*
Images to Text
By Michael (Wrighty)
Do Not Repost, Rip, Claim or Edit
*/
for(n = 0, i = document.getElementsByTagName('img'); n < i.length; n++)
if(i[n].src.match(/(s\d+\.)?images\.proboards\.com/) && i[n].src.match(/(\/button|search2|newpoll)/) && i[n].src.match(/(png|gif)$/) && !i[n].src.match(/_sm/)){
var f = document.createElement('font');
f.className = 'textButton';
i[n].parentNode.replaceChild(f.appendChild(document.createTextNode(i[n].alt.replace(/(\[|\])/g, ''))).parentNode, i[n]);
n--;
}
//-->
</script>
<table width="890" class="footer" align="center"><tr><td class="windowbg2"><div id="footer_text">Skin design by <a href="http://zaxinou.proboards.com" style="font-size: 9px;" target="_blank">Graphic Monks</a>. | Best viewed in <a href="http://www.mozilla.org/firefox?WT.mc_id=aff_en01&WT.mc_ev=click" style="color: #d64203; font-size: 9px;" target="_blank">Mozilla Firefox</a>. | Concept by <a href="http://www.photoshop-plus.co.uk" style="font-size: 9px;" target="_blank">Photoshop Plus</a>.</div></td></tr></table><br /><br /><br /><br /><br /><br /><br />

Main Footer

<script type='text/Javascript'>
<!--

/* SlipStream Category Splitter- DregondRahl
Donot Repost this code or edit this copyright
[url]http://support.proboards.com[/url] */

var iTableWidth = "97%";
var catSpacing = "0px";

//Do not Edit Below

var table = document.getElementsByTagName('table');
var div = document.createElement('div');
var divA = document.createElement('div');
divA.style.height = catSpacing ;

if(location.href.match(/action=(change|home)/i) || !location.href.match(/action=/i)){
for(i=0; i<table.length; i++){
if(table[i].cellPadding =='4' && table[i-1].className =='bordercolor' && table[i].rows[0].cells[0].firstChild.innerHTML.match(/Forum\sName/i)){
for(r=1; r<table[i].rows.length; r++){

if(table[i].rows[r].getElementsByTagName('a')[0].name){

var divH = document.createElement('div');
var divB = document.createElement('div');
divH.className = 'head';
divB.className = 'base';

var tabA = document.createElement('table');
tabA.appendChild(document.createElement('tbody'));
tabA.cellPadding = '0';
tabA.cellSpacing = '0';
tabA.width = '100%';
tabA.id ='daSplit';

var tr = document.createElement('tr');
tr.appendChild(document.createElement('td'));
tr.firstChild.className = 'tablebg';

var tab = document.createElement('table');
tab.className = 'bordercolor';
tab.width = iTableWidth;
tab.cellPadding = '4';
tab.cellSpacing = '1';
tab.align ='center';


var cat = table[i].rows[r].cells[0].lastChild;
tab.appendChild(document.createElement('tbody'));
tab.firstChild.appendChild(table[i].rows[0].cloneNode(true));

var title = tab.rows[0].cells[0].firstChild.firstChild;
title.parentNode.replaceChild(cat,title);

tr.firstChild.appendChild(tab);
tabA.firstChild.appendChild(tr);
div.appendChild(divA.cloneNode(true));
div.appendChild(divH);
div.appendChild(tabA);
div.appendChild(divB);


} else if(table[i].rows[r].cells[4]){
tab.lastChild.appendChild(table[i].rows[r].cloneNode(true));
}
}

table[i-1].parentNode.replaceChild(div,table[i-1]);
break;
}
}
}

//-->
</script>
<script type="text/javascript">
<!--
/* remove info center titlebg */
var td=document.getElementsByTagName("td");
if(location.href.match(/(cgi\??(#.+)?|com\/?|logout|sread|change=.+?)$/)){
for(i=0;i<td.length;i++){
if(td[i].className=="titlebg" && td[i].innerHTML.match(/Info\sCenter/i)){
td[i].parentNode.style.display="none";
}
}
}
// -->
</script>
<script type="text/javascript">
<!--
/* Remove Info Center Icons by UnChained */
/* Please leave this header intact. Do not repost. */
/* [url]http://proboardcoding.proboards58.com[/url] */

var td=document.getElementsByTagName("td")
if(location.href.match(/com\/?((\index\.cgi)?\??(action=(change.+?|home))?)?(#.+)?$/)){
for(x=0;x<td.length;x++){
if(td[x].className.match(/windowbg/) &&td[x].width.match(/20/)){
td[x].style.display="none";
}
}
}
//-->
</script>

Comments
Any editing needed feel free to PM me or post here.

2787cmt lvl 1 Member IncrediBAD I have made 3 posts Right now I'm Offline I joined May 2011	GM Gaming Skin Jun 20, 2011 15:34:00 GMT 10 \| To Top Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by 2787cmt on Jun 20, 2011 15:34:00 GMT 10 Wow, that looks so awesome.....
	The Future in ProBoards Design The Best ProBoards Resource Forum Skins, Graphics, Codes, & More!

Tartarus Ultimate Member [P:8998563] Acer sicarius, caelestis plur. I have made 1,119 posts Right now I'm Offline I joined July 2008	GM Gaming Skin Jun 20, 2011 16:26:23 GMT 10 \| To Top Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Tartarus on Jun 20, 2011 16:26:23 GMT 10 I like this one. Good work.

Kenshin ^Hitokiri_Battousai [P:7280] I have made 651 posts Right now I'm Offline I joined January 2009	GM Gaming Skin Jun 21, 2011 5:11:29 GMT 10 \| To Top Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Kenshin on Jun 21, 2011 5:11:29 GMT 10 Nice work Osi!
	May 11, 2009 17:21:01 GMT 10 @Osiris said: Ken you can never have too many castles

edenwax lvl 1 Member I have made 14 posts Right now I'm Offline I joined June 2011	GM Gaming Skin Jun 21, 2011 6:30:57 GMT 10 \| To Top Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by edenwax on Jun 21, 2011 6:30:57 GMT 10 Impressive! Great work, Osiris.

Zaxinou Administrator Asar Ptah Neb Ankh I have made 2,223 posts Right now I'm Offline I joined July 2008	GM Gaming Skin Jun 21, 2011 6:41:49 GMT 10 \| To Top Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Zaxinou on Jun 21, 2011 6:41:49 GMT 10 Thanks guys! I'm always working to improve my skin designs and you can bet there will be many more on the way

wata
lvl 1 Member

I have made 29 posts
Right now I'm Offline
I joined July 2009

GM Gaming Skin Jun 22, 2011 3:29:31 GMT 10 | To Top

Quote

Post by wata on Jun 22, 2011 3:29:31 GMT 10

Only complaint I have is I think the info center needs to be less transparent because the text seems to be blending with the background a little in front of the lighten up part of the planet.. The orange text especially, i had to lean forward in order to read "bla bla." A minor inconvenience

I really like this though. Great work.

Zaxinou Administrator Asar Ptah Neb Ankh I have made 2,223 posts Right now I'm Offline I joined July 2008	GM Gaming Skin Jun 22, 2011 8:48:03 GMT 10 \| To Top Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Zaxinou on Jun 22, 2011 8:48:03 GMT 10 That's not an issue the background image will expand downwards the more content on the forum you probably wont notice it.

Thomas lvl 3 Member I have made 226 posts Right now I'm Offline I joined August 2009	GM Gaming Skin Jun 29, 2011 13:47:50 GMT 10 \| To Top Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Thomas on Jun 29, 2011 13:47:50 GMT 10 This is the best skin you've ever made. Nice work Osiris. I have a question about the bottom reflection of the avatars, how do you do eet lol?

Zaxinou Administrator Asar Ptah Neb Ankh I have made 2,223 posts Right now I'm Offline I joined July 2008	GM Gaming Skin Jun 29, 2011 21:06:47 GMT 10 \| To Top Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Zaxinou on Jun 29, 2011 21:06:47 GMT 10 custom code dude not made by me

wata lvl 1 Member I have made 29 posts Right now I'm Offline I joined July 2009	GM Gaming Skin Jul 1, 2011 13:39:16 GMT 10 \| To Top Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by wata on Jul 1, 2011 13:39:16 GMT 10 well, give us a snippet then

Zaxinou Administrator Asar Ptah Neb Ankh I have made 2,223 posts Right now I'm Offline I joined July 2008	GM Gaming Skin Jul 2, 2011 19:47:07 GMT 10 \| To Top Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Zaxinou on Jul 2, 2011 19:47:07 GMT 10 Alright this is what you need to know... forum.sz-ex.com/?board=codes&action=display&thread=9611

Zaxinou Administrator Asar Ptah Neb Ankh I have made 2,223 posts Right now I'm Offline I joined July 2008	GM Gaming Skin Jul 18, 2011 12:12:00 GMT 10 \| To Top Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Zaxinou on Jul 18, 2011 12:12:00 GMT 10 Updated the skin to fix some bugs. Let me know if there are any more bugs

Zaxinou Administrator Asar Ptah Neb Ankh I have made 2,223 posts Right now I'm Offline I joined July 2008	GM Gaming Skin Jul 18, 2011 12:15:49 GMT 10 \| To Top Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Zaxinou on Jul 18, 2011 12:15:49 GMT 10 Here is my skin with some changes newroninarmy.proboards.com

butterfly lvl 2 Member I have made 131 posts Right now I'm Offline I joined July 2011	GM Gaming Skin Jul 18, 2011 15:06:25 GMT 10 \| To Top Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by butterfly on Jul 18, 2011 15:06:25 GMT 10 wow!! this skin is really nice you must of worked extremely hard to make it!

GM Gaming Skin (1,023 views)

Post by Zaxinou on Jun 19, 2011 18:52:17 GMT 10

Post by 2787cmt on Jun 20, 2011 15:34:00 GMT 10

Post by Tartarus on Jun 20, 2011 16:26:23 GMT 10

Post by Kenshin on Jun 21, 2011 5:11:29 GMT 10

Post by edenwax on Jun 21, 2011 6:30:57 GMT 10

Post by Zaxinou on Jun 21, 2011 6:41:49 GMT 10

Post by wata on Jun 22, 2011 3:29:31 GMT 10

Post by Zaxinou on Jun 22, 2011 8:48:03 GMT 10

Post by Thomas on Jun 29, 2011 13:47:50 GMT 10

Post by Zaxinou on Jun 29, 2011 21:06:47 GMT 10

Post by wata on Jul 1, 2011 13:39:16 GMT 10

Post by Zaxinou on Jul 2, 2011 19:47:07 GMT 10

Post by Zaxinou on Jul 18, 2011 12:12:00 GMT 10

Post by Zaxinou on Jul 18, 2011 12:15:49 GMT 10

Post by butterfly on Jul 18, 2011 15:06:25 GMT 10