Soaring Skies

[Trace]

Been a long time since I made a skin. But, now I've got one ;D

Preview: applesauce2p0.proboards78.com/index.cgi

If only I could make backgrounds worth anything =P

HEAD AND BASE IMAGES BY .xSpire


TURN ON TEXT MENUS [admin-generalsettings-textmenus]

Global Header-

<style type="text/css">
<!--
.titlebg {background-image: url(http://i55.photobucket.com/albums/g144/Bulldawgboy2012/soaringgrad2.jpg); background-repeat: repeat;}
-->
</style>
<script type="text/javascript">
<!--
document.getElementsByTagName('td').item(2).style.display="none";
//-->
</script>
<script type="text/javascript">
<!--
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>
<style type="text/css">
<!--
body
{
background-position: top center;
background-repeat: repeat-y;
background-attachment: fixed;
}
-->
</style>
<style type="text/css">
<!--
.catbg {background-image: url(http://i55.photobucket.com/albums/g144/Bulldawgboy2012/soaringgrad1.jpg); background-repeat: repeat;}
-->
</style>
<script type="text/javascript">
<!--
/*
Modified text menus coded by Joe/Xylish
Note: in order to use this code, please enable text menus in your pbv4 settings
at Customize Your Forum -> General Settings -> Text Menus and choose "yes"
*/

//Modify within the quotes to the character that you want
schar = "-"

//Please do not edit below here
function Get(tag){
return document.getElementsByTagName(tag)
}
TDNode = Get('td')
spaces = "&nb"+"sp;"+ schar +"&nb"+"sp;"
for(t=0;t<TDNode.length;t++){
if(TDNode[t].className.match(/menubg/i)){
TDNode[t].innerHTML = TDNode[t].innerHTML.replace(new RegExp('&nb'+'sp;','gi'),' ')
TDNode[t].innerHTML = TDNode[t].innerHTML.replace(/\/a>(.+?)<a/gi , '\/a>'+spaces+'<a')
TDNode[t].innerHTML = TDNode[t].innerHTML.replace(/(\[|])/gi,'')
}
}
//-->
</script>
<!--SMALL FONTS-->
<style type="text/css">
A:link{font-size:10px}
A:visited{font-size:10px}
A:hover{font-size:10px}
BODY{font-size:10px}
TD{font-size:10px}
input{font-size:10px}
textarea{font-size:10px}
select{font-size:10px}
.windowbg{font-size:10px}
.windowbg2{font-size:10px}
.windowbg3{font-size:10px}
.titlebg{font-size:10px}
.text1{font-size:10px}
.catbg{font-size:10px}
font {font-size:10px}
</style>
<!--END SMALL FONTS-->

<style type="text/css">
<!--
textarea, input, select, button
{
border: 1px solid #005270;
background-color: #67c7c8;
color: #005270;
}
-->
</style>

<script type="text/javascript">
<!--
/* menu buttons inside banner by california */

var imgURL = "http://i55.photobucket.com/albums/g144/Bulldawgboy2012/soaringskies-2.jpg";
var imgWidth = "700";
var imgHeight = "125";
var menuXpos = "-1";
var menuYpos = "-62";

var iCell = document.getElementsByTagName("td");
iCell[1].style.backgroundImage = 'url('+imgURL+')';
iCell[1].style.height = imgHeight+"px";
iCell[1].align = "right";
iCell[1].vAlign = "bottom";
document.getElementsByTagName("table")[0].width = imgWidth;
iCell[1].innerHTML = '<div style="position: relative; top: '+menuYpos+
'px; left: '+menuXpos+'px;">'+iCell[5].innerHTML+'</div>';
iCell[2].style.display = "none";
document.getElementsByTagName("tr")[2].style.display = "none";

// -->
</script>

<div id="wel"></div>

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

var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);

//-->
</script>



Global Footer-

<script type="text/javascript">
<!--
fWidth = document.getElementsByTagName('table');
for(t=0; t<fWidth.length; t++) {
if(fWidth[t].width=="92%")
fWidth[t].width='700';
}
// -->
</script>


Main Footer-

<script>
//remove info center icons
var InfoIcon=document.getElementsByTagName("TD")
for(t=0;t<InfoIcon.length;t++){
if(InfoIcon[t].className.match("windowbg") && InfoIcon[t].width=="20" && InfoIcon[t].vAlign=="middle"){
InfoIcon[t].style.display="none"
}}
</script>

<script type="text/javascript">
<!--
/* Created by Jay.
Divided Categories with Head/Base Images

http://ngmaster.proboards21.com
This code may not be redistributed without permission.
Please leave this header intact at all times. */


var headBaseSettings = [
   ['http://i55.photobucket.com/albums/g144/Bulldawgboy2012/62rqjcz.png'], // head image
   ['http://i55.photobucket.com/albums/g144/Bulldawgboy2012/6b40r6a.png'], // base image
   ['25'] // gap size
];

var getTR = document.getElementsByTagName('tr');
if (window.location.href.match(/com(\/$|\/index\.c\wi\??($|\w{6}=home)$)$/)) {
   for (var i = 1; i < getTR.length; i ++) {
       if (getTR.item(i).firstChild.colSpan == 2 && getTR.item(i).firstChild.firstChild.className == 'titletext' && getTR.item(i).firstChild.innerHTML.match(/>Forum Name</)) {
       var titleBase = document.createElement('img');
           titleBase.src = headBaseSettings[1];
       var cloneTitle = getTR.item(i).cloneNode(true).innerHTML;
       }
       if (getTR.item(i).firstChild.colSpan == 5 && getTR.item(i).firstChild.className == 'catbg' && getTR.item(i).firstChild.align != 'right') {
       var cloneTarget = getTR.item(i).getElementsByTagName('td')[0].cloneNode(true).innerHTML;
       var newTab = '<td id="del"></td></tr></table>' + (getTR.item(i - 1).innerHTML.match(/>Forum Name</)? '' : '<img src="' + headBaseSettings[1] + '" /><div style="height: ' + headBaseSettings[2] + 'px;"></div>') + '<img src="' + headBaseSettings[0] + '" style="vertical-align: bottom;" /><table width="100%" cellspacing="1" cellpadding="4" class="bordercolor"><tr><td class="catbg" colspan="6">' + cloneTarget + '</td></tr><tr id="frow">';
       eval("(getTR.item(i - 1).innerHTML.match(/>Forum Name</)? getTR.item(i).parentNode.parentNode.parentNode.parentNode.parentNode.insertRow(-1).insertCell(-1).appendChild(titleBase) : '')");
           getTR.item(i).parentNode.className = 'bordercolor';
           with (getTR.item(i).parentNode.parentNode.parentNode) {
               parentNode.parentNode .parentNode.style.backgroundColor = 'transparent';
               innerHTML = innerHTML.replace(getTR.item(i).cloneNode(true).innerHTML, newTab + cloneTitle);
           }
       }
       if (getTR.item(i).firstChild.id == 'del' || (getTR.item(i).id != 'frow' && getTR.item(i).getElementsByTagName('td')[0].className == 'titlebg' && getTR.item(i).getElementsByTagName('td')[0].innerHTML.match(/>Forum Name</))) {
           getTR.item(i).style.display = 'none';
       }
   }
}

//-->
</script>



All Text+All Links-005270
All bg's-67c7c8
Highlights-58b4b5
Border-005270

ON: i55.photobucket.com/albums/g144/Bulldawgboy2012/53ekf2g.png
OFF: i55.photobucket.com/albums/g144/Bulldawgboy2012/4tk2y69.png

Banner: i55.photobucket.com/albums/g144/Bulldawgboy2012/soaringskies-2.jpg

The Crappy BG: img102.imageshack.us/img102/3706/backgrouuunh2.png

And that's all you need. Hope you like it. ^_^

[Jordan]

WOW! It's awesome! VERY nice job on this one, Trace!

[Trace]

Thanks.!! ^_^

[ameliaeasterly]

I completely LOVE this skin!! It looks amazing!!

[Trace]

Thanks.

[♥Emma♥]

Great job! Love the colors.
I really has a clean look to it.

[GiRafFe ;DDp*]

Very nice ^^

[Moony]

It looks great, and I want to use it on my forum. However, when I click create skin, it said there was a problem with some of the HEX codes. I think it is because there are no background colors. Could I have those please? Thanks.