MidniteClaws Skin

[Sam PanaStone]

Well I would like a black and red back ground and stuff with like goth looking. And for like the logo to have a pic of Glamis Castle stating [blue]MidniteClaws School of WitchCraft and Wizardry"[/blue] and I dont care about the images. Um and maybe some dark reds ya know? like a whole gothic theme. If you have any questions about my request then please PM me. and my site: midniteclaws.proboards83.com

- Thanks Much -
~ Samantha PanaStone ~

[::Ellen::]

Tell me first, do you like Harry Potter pics in your skin?

[Sam PanaStone]

uh, no, I want it to be original without the Harry POtter and like a whole brand new kind of thing, know what I mean?

[::Ellen::]

do you like to have a magical tech skin?

[Sam PanaStone]

whats that?

[::Ellen::]

ummmm,a smin like here, but magical which is good for a magical academy forum.

[Sam PanaStone]

So whatever you want!! I dont really care, I completely Trust your opinion

[::Ellen::]

okay, then tomorrow will be ready your skin, also I let tomake your affilation button match with your skin dear

[Sam PanaStone]

sweetness thanks!! U R AWESOME!!

[::Ellen::]

your skin is ready, now im going to check it up and then send it with all codes here

[Sam PanaStone]

ok, kooli, thankies SOO MUCH!!!!!! ur da best!

[::Ellen::]

okay, now clean up your headers and footers first, then put these codes all together in your Global Header:

<script type="text/javascript">
<!--
/* Welcome table below Ad by california */

document.write('<div id="welcome"></div>');
var welcome = document.getElementById("welcome");
welcome.parentNode.replaceChild(document.getElementsByTagName("table")[0], welcome);

// -->
</script>


<script type="text/javascript">
<!--
/* transparent welcome table */

var td = document.getElementsByTagName("td");
var tt = document.getElementsByTagName("table")[0];
tt.style.backgroundColor = "transparent";
tt.cellSpacing = "0";
for(i=0; i<td.length; i++)
   td[i].style.backgroundColor = "transparent";

// -->
</script>


<style type='text/css'>
body{
background-position:center top;
background-repeat:repeat-y;
}
</style>

<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">
<!--
.menubg
{
background-image: url(http://i13.tinypic.com/2lktoic.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-color: cc0000;
border-width: 0;
height: 25px;
width: 700px;
}
.titlebg
{
background-image: url(http://i13.tinypic.com/2lktoic.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-color: 770000;
}

-->
</style>



<script type='text/javascript'>
/* Ultimate PM Menu by Scorpian
http://roddyinnov.proboards75.com */

/*=== Edit These ===*/
var newPmImg = 'http://i14.tinypic.com/2nvv81v.jpg'; // URL of image for new pm's
var noNewPmImg = 'http://i14.tinypic.com/40ldvrd.jpg'; // URL of image for no new pm's
var guestImg = 'http://i16.tinypic.com/3y5e68i.jpg'; // URL of image for guests

/*=== Do Not Edit ===*/
var riTable = document.getElementsByTagName('table');
var riTd = document.getElementsByTagName('td');
var tehCellHTML = "<table width='100%' cellspacing='0' cellpadding='4' border='0' id='pmtable' style='display:none;' align='center'><tr>";
if(riTd[2].innerHTML.match(/action=pm">(\d+)\smessag(e|es)<\/a>,\s(\d+)\s(is|are)\snew./i)){
tehCellHTML += "<td>Welcome back "+pb_displayname+"! [ <a href='index.cgi?action=recent'>View Recent Posts</a> ]</td>";
tehCellHTML += "<td align='right'>You have "+RegExp.$1+" private messages, "+RegExp.$3+" "+RegExp.$4+" new.</td></tr>";
tehCellHTML += "<tr><td align='center' colspan='2'><a href='index.cgi?action=pm'>Inbox</a> ~ ";
tehCellHTML += "<a href='index.cgi?action=pm&view=2'>Outbox</a> ~ <a href='index.cgi?action=pmprefs'>Preferences</a> ~ ";
tehCellHTML += "<a href='index.cgi?action=pmmarkasread'>Mark All PM's Read</a> ~ ";
tehCellHTML += "<a href='index.cgi?action=viewprofile'>View Profile</a> ~ ";
tehCellHTML += "<a href='index.cgi?action=modifyprofile'>Modify Profile</a></td></tr></table>";
if(RegExp.$3 == 0){
var tehImgSrc = noNewPmImg;
}else{
var tehImgSrc = newPmImg;
}
}else{
tehCellHTML += "<td>Welcome Guest!</td><td align='right'>";
tehCellHTML += "Please <a href='index.cgi?action=login'>login</a> or <a href='index.cgi?action=register'>register</a>.";
tehCellHTML += "</td></tr></table>";
var tehImgSrc = guestImg;
}
var tehCell = riTable[0].insertRow(-1).insertCell(0);
tehCell.parentNode.id = 'pmoutertable';
tehCell.className = 'windowbg';
tehCell.innerHTML = tehCellHTML;
tehCell.height = '1';
tehCell.parentNode.style.display = 'none';
var pmLink = document.createElement('a');
pmLink.href = 'javascript:pmMenu();';
var pmImg = document.createElement('img');
pmImg.src = tehImgSrc;
pmImg.border = '0';
pmLink.appendChild(pmImg);
var allDiv = document.createElement('div');
allDiv.align = 'center';
allDiv.appendChild(pmLink);
var welTab = riTable[0];
welTab.parentNode.insertBefore(allDiv,welTab.nextSibling);
var pmOuterTable = document.getElementById('pmoutertable');
var pmTable = document.getElementById('pmtable');
var pmCell = pmOuterTable.firstChild;
function pmOpen(){
if(pmCell.height < 40){
pmCell.height = Math.floor(pmCell.height) + 3;
setTimeout('pmOpen()',10);
}else{
pmCell.height = 40;
pmTable.style.display = '';
}
}
function pmClose(){
if(pmCell.height > 5){
pmCell.height = pmCell.height - 3;
setTimeout('pmClose()',10);
}else{
pmOuterTable.style.display = 'none';
}
}
function pmMenu(){
if(pmOuterTable.style.display == 'none'){
pmOuterTable.style.display = '';
pmTable.style.display = 'none';
pmOpen();
}else{
pmTable.style.display = 'none';
pmClose();
}
}
</script>

[::Ellen::]

Then put these codes in your Global Header:

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

var img = document.getElementsByTagName("img");
for(i=0; i<img.length; i++){
   if(img[i].src.match(/_o(n|ff)/)){
       img[i].onmouseover = function(){this.src = this.src.replace("_off", "_on");};
       img[i].onmouseout=function(){this.src = this.src.replace("_on", "_off");};
   }
}

//-->
</script>

[::Ellen::]

now put these codes into your Main Header

<script type='text/javascript'>
/*============================*/
/* Kick-ass Category Splitter */
/* Created by Scorpian =======*/
/* Keep header in-tact =======*/
/*============================*/
/* MAIN HEADER PORTION =======*/
/*============================*/

var enableAny = "yes";
var headImage = "http://i16.tinypic.com/4bhq1w6.jpg";
var headImageHeight = "35";
var baseImage = "http://i17.tinypic.com/2qs9zkz.jpg";
var splitType = "type2";
var enableCategory = "yes";
var categoryDist = "35";
var expColCategory = "yes";
var enableNewsFader = "yes";
var newsFaderDist = "20";
var expColNewsFader = "yes";
var enableInfoCenter = "yes";
var expColInfoCenter = "yes";
</script>



[::Ellen::]

and put this code into your Main Header
<script type='text/javascript' language='JavaScript' src='http://roddyinnovations.com/pbhacks/kacs/mfportion.js'>
/*============================*/
/* Kick-ass Category Splitter */
/* Created by Scorpian =======*/
/* Keep header in-tact =======*/
/*============================*/
/* MAIN Footer PORTION =======*/
/*============================*/
</script>