Upgrade

[Kaila]

Live Preview

The images
^ Please use the links or images to upload to your own host. Thanks.

Images included in link







^ And the other buttons.

The colours




Title background

Menu background

The codes

Global header


<style type="text/css">
<!--
.titlebg {background-image: url(http://i7.tinypic.com/6fpcglz.jpg); background-repeat: repeat;}
-->
</style>

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

<script type="text/javascript">
//Move "Hey X, you have X" around welcome table
//wooper

var Position = "3"; //set the position. 1 is above everything, 2 is above menu, 3 is below menu
var pm = document.getElementsByTagName('TD')[2];

var hey = pm.getElementsByTagName("FONT")[0].innerHTML;

pm.style.display="none";

if(Position == "1")
{
var cell = document.getElementsByTagName("TABLE")[1].insertRow(0).insertCell(0);
}
if(Position == "2")
{
var cell = document.getElementsByTagName("TABLE")[1].insertRow(1).insertCell(0);
}
if(Position == "3")
{
var cell = document.getElementsByTagName("TABLE")[3].insertRow(1).insertCell(0);
}
cell.colSpan = "2";
cell.align= "center";
cell.height="50";
cell.className = "windowbg";
cell.innerHTML = hey;
</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='900';
}
// -->
</script>


<script type="text/javascript">
<!--
/* Remove avatar size limits for everyone by california */
var img=document.getElementsByTagName("img");
if(location.href.match(/=(display|viewprofile|search2|pmview|recent)/)){
   for(i=0;i<img.length;i++){
       if(img[i].alt=="[avatar]"){
           var t=img[i].parentNode;
           var s=t.innerHTML.replace(/width=.?\d+?.?/i,'');
           t.innerHTML=s.replace(/height=.?\d+?.?/i,'');
       }
   }
}
// -->
</script>

<script type="text/javascript">
<!--
/* avatar size limit by california */

var maxWidth=150;
var maxHeight=150;

var img=document.getElementsByTagName("img");
for(i=0;i<img.length;i++){
   if(img[i].width>maxWidth && img[i].alt.match(/\[avatar\]/i)){
       img[i].style.height=""+(img[i].height*maxWidth/img[i].width)+"px";
       img[i].style.width=""+maxWidth+"px";
   }
   if(img[i].height>maxHeight && img[i].alt.match(/\[avatar\]/i)){
       img[i].style.width=""+(img[i].width*maxHeight/img[i].height)+"px";
       img[i].style.height=""+maxHeight+"px";
   }
}
// -->
</script>

<script type="text/javascript">
<!--
/* change "karma" words by california */

var karmaReplace="Ability";
var exaltReplace="Praise";
var smiteReplace="Criticise";

var td=document.getElementsByTagName("td");
if(location.href.match(/action=(display|goto|viewprofile|search2|recent|pmview)/) || document.title.match(/\s-\sPreview/)){
   for(i=0;i<td.length;i++){
       if(td[i].width=="20%" && td[i].className.match(/windowbg/) && td[i].innerHTML.match(/Karma:/i)){
           var tempA=td[i].innerHTML.replace('Karma:',karmaReplace+':');
           var tempB=tempA.replace('Exalt',exaltReplace);
           var tempC=tempB.replace('Smite',smiteReplace);
           td[i].innerHTML=tempC;
       }
   }
}
// -->
</script>

<script type="text/javascript">
<!--
/* preview with quick reply - by ross */
var mes = document.getElementsByName('message');
if(location.href.match(/ion=display/) && mes[0]) {
var qrForm = mes[0].parentNode;
var preview = '<input name="nextaction" type="hidden" value="post">';
preview += '<input type="submit" accesskey="p" value="Preview" onclick="qrForm.nextaction.value=\'preview\'; return true;" /> ';
qrForm.removeChild(qrForm.lastChild)
qrForm.innerHTML += preview;
}
//-->
</script>


[Jordan]

Very cool! I like it!

[Michael]

Wow! This is great! I love the color scheme you have and the on/off buttons are rad!

[Nya]

Nice job Kaila ^^

[Andrew]

Yea thoose on/off buttons are sooo sweet. It's ashame this is not my kind of style or Id of rated it more. BUT! I still think you did a awesome job on this skin!

Edit:

Also a little tip. If you use this code in your Global footers,

<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>

It would look soo much better