Lime Sky ElseAndrew Skin #2

[Andrew]

Well here is my 2nd skin Hope you guys like it.

Live Preview

Download

Global Header

<script type="text/javascript">
<!--
/* Remove "Hey, X..." and "« Home »" */

var iCell = document.getElementsByTagName("td");
iCell[1].lastChild.style.display = "none";
iCell[2].style.display = "none";

// -->
</script>

<script type='text/javascript'>
/* Clickable banner
created by CrAzY_J
Open Source*/

var Main = document.body.getElementsByTagName('font')[0];
var Source = Main.firstChild.src;
Main.removeChild( Main.firstChild );
var Link = document.createElement('a');
var Image = document.createElement('img');
Link.href = this.location.href.split('.com')[0]+'.com';
Image.src = Source;
Image.border = 0;
Link.appendChild( Image );
Main.appendChild( Link );
</script>

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

var iCell = document.getElementsByTagName("td").item(5).firstChild;

for(c = 0; c < iCell.childNodes.length; c ++){
   if(iCell.childNodes.item(c).nodeType == 3){
      iCell.removeChild(iCell.childNodes.item(c));
   }
}

//-->
</script>

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

document.getElementsByTagName("table").item(3).cellPadding = "0";

//-->
</script>

<script type="text/javascript">
<!--
document.getElementsByTagName('td')[2].style.display="none";
//-->
</script>

<script type="text/javascript">
<!--
document.getElementsByTagName('font')[1].style.display="none";
//-->
</script>

<style type="text/css">
<!--

.newstitlebg
{
background-image: url(http://img184.imageshack.us/img184/8804/catbarqo0.gif);
background-repeat: repeat;
}

.titlebg
{
background-image: url(http://img184.imageshack.us/img184/8804/catbarqo0.gif);
background-repeat: repeat;
}

.catbg
{
background-image: url(http://img184.imageshack.us/img184/8804/catbarqo0.gif);
background-repeat: repeat;
}

.menubg
{
background-image: url(http://img184.imageshack.us/img184/8804/catbarqo0.gif);
background-repeat: repeat;
}

-->
</style>

<style type="text/css">
<!--
body {
   background-image: url('http://img364.imageshack.us/img364/2952/bglimeskyfq9.png');
   background-attachment: fixed;
   background-repeat:repeat;
   background-position:  center;
-->
</style>


Global Footer

In the Footer I have used the Cat Spilter by CD At Studio Zero.

<script language="JavaScript">
var boardwidth = document.getElementsByTagName('TABLE');
for(i=0;i<boardwidth.length;i++) {
if(boardwidth[i].width=="92%"){
boardwidth[i].width='700 px';}}
</script>

<script type="text/Javascript">
// Advanced Category Splitter v2.0 by CD
// Do not redistribute without permission

var head = ["http://img184.imageshack.us/img184/277/headmi3.png","30px"]; // URL of Head image and height of said head image
var base = "http://img138.imageshack.us/img138/7797/basefp9.png"; // URL of foot image
var gap = "15px"; // Gap between categories
var markAsRead = "Yes"; // Put "Yes" if you want MarkAsRead to be shown in the last category. Put "No" if not.

// No need to edit
var aTB = document.getElementsByTagName("TABLE");

if(location.href.match(/action=home/i) || !location.href.match(/action=/i)){
for(a=2;a<aTB.length;a++){
if(aTB[a].rows.length > 2 && aTB[a].rows[0].cells.length == 4){
var data = document.createElement("center");
if(document.all){
for(b=0;b<aTB[a].rows[0].cells.length;b++){
eval("var cell"+b+" = aTB["+a+"].rows[0].cells["+b+"].cloneNode(true);");
}
} else {
var mainRow = aTB[a].rows[0].cloneNode(true);
}
while(aTB[a].rows[0]){
if(aTB[a].rows[0].cells.length == 5){
var meh = tab2.insertRow(tab2.rows.length);
while(aTB[a].rows[0].cells[0]){
meh.appendChild(aTB[a].rows[0].cells[0]);
}
} else if(aTB[a].rows[0].cells[0].colSpan == 5 && aTB[a].rows[0].cells[0].getElementsByTagName("A")[0].name){
var tab = document.createElement("TABLE");
var meh = tab.insertRow(0).insertCell(0);
meh.innerHTML = aTB[a].rows[0].cells[0].innerHTML;
meh.className = "headImg";
tab.style.backgroundImage = "url("+head[0]+")";
tab.style.height = head[1];
tab.width = "100%";
tab.cellPadding = 0;
tab.cellSpacing = 0;

var tab2 = document.createElement("TABLE");
tab2.className = "bordercolor";
tab2.cellPadding = 4;
tab2.cellSpacing = 1;
if(document.all){
var row = tab2.insertRow(0);
row.appendChild(cell0.cloneNode(true));
row.appendChild(cell1.cloneNode(true));
row.appendChild(cell2.cloneNode(true));
row.appendChild(cell3.cloneNode(true));
} else {
tab2.appendChild(mainRow.cloneNode(true));
}

var img = document.createElement("IMG");
img.src = base;

var div = document.createElement("DIV");
div.style.height = gap;

data.appendChild(tab);
data.appendChild(tab2);
data.appendChild(img);
data.appendChild(div);
} else if(aTB[a].rows[0].cells[0].colSpan == 5 && aTB[a].rows[0].cells[0].getElementsByTagName("IMG")[0] && markAsRead == "Yes"){
var meh = tab2.insertRow(tab2.rows.length);
meh.appendChild(aTB[a].rows[0].cells[0]);
}
aTB[a].rows[0].parentNode.removeChild(aTB[a].rows[0]);
}
var aTB2 = aTB[a].parentNode.parentNode.parentNode.parentNode;
aTB2.style.display = "none";
aTB2.parentNode.insertBefore(data,aTB2);

break;
}
}
}
</script>

<style type="text/CSS">
td.headImg {
text-align: center;
}
td.headImg font {
color: #4d4d4d;
}
</style>

<center>Skin Made By <a href="mailto:[e-mail]">ElseAndrew</a>, from <a href="http://xymicstudio.proboards39.com/">Xymic Studios</a></center>

Forum Colors.

Background Color: 68A615
Text color: A4DC7B
Link color: FEFFFD
Active link color: FEFFFD
Visited Link color: FEFFFD
Title background color:2383C0
Title text color: 4d4d4d
Category Background Color: 2383C0
News Title Text Color: FFFFFF
News Background Color: 2383C0
News Text Color: FFFFFF
Window Background 1: 2383C0
Window Background 2: 2383C0
Board Highlight Color: 2383C0
Thread Highlight Color: 2383C0
Table Border Color: 4D4D4D

Popup Window Colors

Background Color: F1F1F1
Text Color: 000000
Title Background Color: 4080B0
Title Text Color: F1F1F1

Enjoy

[savedbygrace]

Very nice, Andrew. Love the colors.

[Hi I'm Bob]

Wow

I love the head/base images!

Keep it up!

[Jordan]

Shi...*covers mouth* Incredible! Keep up the good work! ;D

[~•XyMiC•~]

Banner is awesomatic The skin looks great. Hopefully, lot of people will use it

BTW, fix the download

[Nya]

Great Temp Andrew


And yes ~•XyMiC•~ is correct there appears to be a problem with the download.

[Michael]

0.o Oh, ME LIKES! lol. VERY AWESOME! I really love the banner, especially the character in the middle. [nods] Definitely one of my favs.

[Andrew]

Download works fine for me :s And thanks for good comments

[~•XyMiC•~]

It does work, but there's some type of shortcut page in there

[Andrew]

Oops I'm sorry, Ill fix that after Just need to re -Zip it and host again.

* And explain to all the other sites why the DL aint working* -Hides- Lol

[sparkpaw]

is it possible to fix the delay on the Category heading centering? When you load the page, the title of the category at first is all on the left, but after waiting a few minutes, it'll center itself-any way to make it faster?

[~•XyMiC•~]

Try putting the code below on top of the actual Category code:

<style type="text/CSS">
td.headImg {
text-align: center;
}
td.headImg font {
color: #4d4d4d;
}
</style>

It is located in Main Footer

[sparkpaw]

wait, so put on top of code-cuz i put it in global header..

[~•XyMiC•~]

yes, on top of code not in Global header.

[sparkpaw]

thx, it worked! ;D

[numberwizard]

The .lnk file in the zipped download doesn't work for me. Could you put it just in a zip with out the .lnk please?

[Andrew]

This file is .Zip I have no other ways of making zips so I dunno what your on about :s sorry.

[numberwizard]

What I mean is this. When I unzip the .zip file I get one file. It is a .lnk file. It is trying to link me somewhere that my computer can't find. What I am asking is that instead of including that link file in the zip, if you could just take that out and put in the actual folder with the images.

[Andrew]

Thats my bad. I forgot to update the download. Its got a Shortcut file in there. Ill have it up soon. Sorry for the trouble.

[numberwizard]

Thanks. Just one more question. What was the font you used for the banner, and was it the same as the one you used for the menu buttons?