Skin Request [F]

[Shay(Kissthedust)]

URL: cresswellhills.proboards59.com/index.cgi
Banner Size: 500x600
Images:

www.bcpassport.com/canadian-rockies-train/winter/maps/scenic_winter4.jpg

www.nrcs.usda.gov/TECHNICAL/ECS/agronomy/Photo%20File/FrontAgr3.jpg

Banner colors:

White and pale blue

Banner Text: Cresswell Hill Dakota
Banner Font:
Banner Text Color: Pale Blue
Forum colors:

Beige and red

Would you like Menu buttons?: Text
Would you like a background image?: No
BG Description:

Gradients or Head/base images?: Head/Base images
Info Center Icons: Images
On/off icons:

The sizes should be meduim 15 and the style should be snowy/winterland

Gradients or Head/base images?: Gradients Only
Info Center Icons: Images
On/off icons:

The sizes should be meduim 15 and the style should be snowy/winterland

Forum Width: 330
Description:

i228.photobucket.com/albums/ee237/sajack27/cresswellHillSchool.jpg

i was wondering if you could add this somewhere in it but it's ok if you can't

[Emma]

Are you sure you want your banner size to be 500x600 and not 700x200?

[Shay(Kissthedust)]

700x200 is good

[Emma]

OK.
I also think for the width 700-730 would be better because 330 is really small.
I'll show an example of how it would look.
I'll get started on this today and should have it completed in a couple of days.

[Emma]

So far this is what I have kissthe.proboards55.com/index.cgi
But I still have to finish up a few more things.

[Shay(Kissthedust)]

I love it so far!
it's exactly what i wanted for it

[Emma]

Great. I'll have it completed by Friday.

[Shay(Kissthedust)]

awesome

[Emma]

Live Preview: kissthe.proboards55.com/index.cgi
Image Preview: i17.tinypic.com/85zsoqw.jpg

*Turn News Fader on.

Images
Banner: img252.imageshack.us/img252/2353/kissbanep5.gif
Head/Base images:
i13.tinypic.com/71dty4k.gif
i14.tinypic.com/822tm9w.gif

Menu Buttons
i15.tinypic.com/6sb43zn.gif
i10.tinypic.com/82wlovm.gif
i13.tinypic.com/86s06qp.gif
i11.tinypic.com/8et2a0m.gif
i2.tinypic.com/6ykm8he.gif
i6.tinypic.com/7ycin1h.gif
i5.tinypic.com/85a7cao.gif
i12.tinypic.com/6jn6flf.gif
i19.tinypic.com/6om3ry9.gif
i19.tinypic.com/85avgvd.gif
i2.tinypic.com/6t0y3d1.gif

Minibanner i1.tinypic.com/6u7a2at.gif
Old Icon i6.tinypic.com/6ynu62g.gif
New Icon i13.tinypic.com/6o0c8qw.gif
Info Center Icons:
Forum Info i8.tinypic.com/6k53242.gif
Calendar/Events i13.tinypic.com/8gdwydw.gif
Users online i11.tinypic.com/8absk69.gif
Birthday i10.tinypic.com/6p810eq.gif


Forum Colors
Logo URL: URL of your banner
Font:Verdana, Arial
Background Color: 660000
Text Color: 841E1E
Link Color: 000000
Active Link Color: 000000
Visited Link Color: 000000
Title Background Color: E3E3CA
Title Text Color: 000000
Category Background Color: E3E3CA
Category Text Color: 841E1E
News Title Background Color: E3E3CA
News Title Text Color: 000000
News Background Color: f5f5dc
News Text Color: 000000
Window Background 1: f5f5dc
Window Background 2: f5f5dc
Board Highlight Color: FDFDE4
Thread Highlight Color: FDFDE4
Table Border Color: 000000


Popup Window Colors
Background Color: f5f5dc
Text Color: 841E1E
Title Background Color: E3E3CA
Title Text Color: 000000



CODES

Global header

<style type="text/css">
<!--
.menubg {background-image: url(http://i8.tinypic.com/822l3zm.jpg); background-repeat: repeat;}
-->
</style>


<style type="text/css">
<!--
.catbg {background-image: url(http://i8.tinypic.com/822l3zm.jpg); background-repeat: repeat;}
-->
</style>

<style type="text/css">
<!--
.newstitlebg {background-image: url(http://i8.tinypic.com/822l3zm.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">
.catbg {text-align:center}
</style>


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='730';
}
// -->
</script>

<center>Skin by <a href="http://kryptonitegfx.proboards75.com">Emma</a></center>


Main Footer

<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://i13.tinypic.com/71dty4k.gif'], // head image
   ['http://i14.tinypic.com/822tm9w.gif'], // 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>    

<script type="text/javascript">
<!--
/* remove Forum Name | Topics | Posts...
and add thread & post info by california */
var td=document.getElementsByTagName("td");
if(location.href.match(/\/?((index\.cgi)?\??(action=(ma.+ad|logout|home))?(#.+)?)?$/)){
   for(i=0;i<td.length;i++){
       if(td[i].width=="1%" && td[i].innerHTML.match(/\d/)){
           if(td[i+1].width.match(/^(1|7)%$/)){
               td[i].innerHTML+="<br />threads";
               td[i].width="8%";
           }else{
               td[i].innerHTML+="<br />posts";
               td[i].width="7%";
           }
       }
       if(td[i].width=="8%" && !td[i].innerHTML.match(/thread/)){
           td[i].width="4%";
       }
       if(td[i].className=="titlebg" && td[i].innerHTML.match(/Forum Name/i)){
           td[i].parentNode.style.display="none";
       }
   }
}
//-->
</script>

<script type='text/javascript'>
/* Info Center head/base images by Scorpian
Version 2 - IC Title turned into Head Image
[url]http://roddyinnov.proboards75.com[/url] */

/*=== Edit These ===*/
var headImg = 'http://i13.tinypic.com/71dty4k.gif'; // URL of head image
var headHeight = 25; // Height of head image
var baseImg = 'http://i14.tinypic.com/822tm9w.gif'; // URL of base image

/*=== Do Not Edit ===*/
var riTable = document.getElementsByTagName('table');
if(location.href.match(/action=home/i) || !location.href.match(/(action|board)=/i)){
for(x=0; x<riTable.length; x++){
if(riTable[x].cellSpacing == 1 && riTable[x].cellPadding == 4 && riTable[x].rows[0].cells[0].innerHTML.match(/Info\sCenter/i)){
riTable[x].rows[0].style.display = 'none';
var padding = headHeight-21;
var newHeight = headHeight-padding;
var newHTML = "<div style='background-image:url("+headImg+");height:"+newHeight+"px;text-align:center;padding-top:"+padding+"px;'>"
newHTML += riTable[x].rows[0].cells[0].innerHTML;
newHTML += "</div><table width='100%' cellspacing='1' cellpadding='4' border='0' class='bordercolor'>";
newHTML += riTable[x].innerHTML
newHTML += "</table><img src='"+baseImg+"'/>";
var theTable = riTable[x].parentNode;
theTable.parentNode.parentNode.parentNode.style.backgroundColor = 'transparent';
theTable.innerHTML = theTable.innerHTML.replace(theTable.innerHTML,newHTML);
}
}
}
</script>

<script type="text/javascript">
<!--
/* seperate news fader with head/base images */
var iHead = 'http://i13.tinypic.com/71dty4k.gif';
var iBase = 'http://i14.tinypic.com/822tm9w.gif';
var iGap = '20px';

if(document.getElementById('fscroller')) {
var obj = document.getElementById('fscroller');
while(obj.className != 'bordercolor') {
 obj = obj.parentNode;
}
var iGapDiv = document.createElement('div');
 iGapDiv.style.height = iGap;
 obj.parentNode.insertBefore(iGapDiv, obj.nextSibling);
var iHeadImg = document.createElement('img');
var iHeadDiv = document.createElement('div');
 iHeadImg.alt = ''; iHeadImg.border = '0';
 iHeadImg.src = iHead; iHeadDiv.align = 'center';
 iHeadDiv.appendChild(iHeadImg);
 obj.parentNode.insertBefore(iHeadDiv, obj);
var iBaseImg = document.createElement('img');
var iBaseDiv = document.createElement('div');
 iBaseImg.alt = ''; iBaseImg.border = '0';
 iBaseImg.src = iBase; iBaseDiv.align = 'center';
 iBaseDiv.appendChild(iBaseImg);
 obj.parentNode.insertBefore(iBaseDiv, obj.nextSibling);
}
//-->
</script>



*You can use these images in your skin, just copy and paste the code into the appropriate headers, but be sure to save the images to your computer as well, and upload them to your photobucket or imageshack account as a backup.

Enjoy!

[Emma]

If this skin isn't claimed within 1 week it's going to be added to the skin/templates board.

[Jordan.]

* Note to Emma: Been one week =P

[Emma]

Thanks Jordan.
*skin has been added to the skin/templates board*