Arashi Skin

[Arashi]

My first skin! Please don't go hard on me, I'm new at this and I'm emotional, lol
You will need to edit the important things, I highlighted them for you in red, so look through them and find what you need to fill up; affiliates, links, etc.

Live Preview:
arashiskin.proboards75.com

Forum Colors:

Background Color: CC1100
Text Color: 7FFF00
Link Color: 7CFC00
Active Link Color: 7CFC00
Visited Link Color: 7CFC00
Title Background Color: FF0000
Title Text Color: 7FFF00
Category Background Color: FF0000
Category Text Color: 1464F4
New Title Background Color: FF0000
New Title Text Color: 308014
News Background Color: C73F17
News Text Color: 308014
Window Background 1 and 2: C73F17
Board Highlight Color: C73F17
Thread Highlight Color: C73F17
Table Border Color: C73F17

Popup Window Colors:

Background Color:8A3324
Text Color:7CFC00
Title Background Color:8A3324
Title Text Color:BBFFFF

Put In Global Header:
<script language=javascript>
<!--
var PMLogoCell = document.getElementsByTagName("TD")[1]; PMLogoCell.removeChild(PMLogoCell.lastChild)
document.getElementsByTagName('tr')[1].deleteCell(1);
-->
</script>

<div id="PM_BAR">

<!-- Smangii's Clik-It PM Bar
smangii.proboards78.com
May be reposted as long as this header remains intact
No editing required -->

<table align="center" class="bordercolor" width="450" cellpadding="5" cellspacing="1">
<tr>
<td width="30%" align="center" height="25" class="windowbg">
<a href="javascript:void(0);" onClick="document.getElementById('pm_apple').style.display='';">Check PMs »</a></td>
<td id="pm_apple" align="center" border="1" class="windowbg" height="25" style="display: none;">
Please <a href="/index.cgi?action=login">Login</a> or
<a href="/index.cgi?action=register">Register</a>
</td>
</tr>
</table>

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

var tdid = document.getElementsByTagName("td");
var pm_apple= document.getElementById("pm_apple");

if(tdid[2].innerHTML.match(/you have <.+?>(.+?) (message|messages)<.+?>, (\d+) (are|is) new./i))
{

var new_inbox = RegExp.$3;
var old_inbox = RegExp.$1;
var user_name = pb_displayname;

pm_apple.innerHTML = 'Hello '+user_name+'! You have <a href="/index.cgi?action=pm">'+new_inbox+'</a> new and <a href="/index.cgi?action=pm">'+old_inbox+'</a> old PMs';
}

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

document.getElementsByTagName("td")[1].parentNode.insertBefore(
if(td.className=="titlebg" && td.innerHTML.match(/Forum Name/i))
{
document.getElementById("PM_BAR"),
document.getElementsByTagName("td")[1].nextSibling);

// -->
</script>
<!-- Insanest Annoucement Table v1, by Smangii
smangii.proboards78.com
Do not repost outside sigfx //-->

<table width="500" cellpadding="0" cellspacing="1" class="bordercolor" align="center">
<tr>
<td>
<table width="100%" cellpadding="4" cellspacing="0" border="0">
<tr>
<td align="left" class="catbg" colspan="0" width="100%">
<div style="float:left">
<font size="2">
[ <a href="#" onclick="this.innerHTML = (this.innerHTML == '+') ? '1' : '+'; var one = document.getElementById('one'); one.style.display = (one.style.display == 'none') ? '' : 'none'; return false;">1</a> | <a href="#" onclick="this.innerHTML = (this.innerHTML == '+') ? '2' : '+'; var two = document.getElementById('two'); two.style.display = (two.style.display == 'none') ? '' : 'none'; return false;">2</a> | <a href="#" onclick="this.innerHTML = (this.innerHTML == '+') ? '3' : '+'; var three = document.getElementById('three'); three.style.display = (three.style.display == 'none') ? '' : 'none'; return false;">3</a> ]
</font>
</div>
<div style="float:right">
[ <a href="#" onclick="this.innerHTML = (this.innerHTML == 'Fast Links') ? 'Fast Links' : 'Fast Links'; var pm_info = document.getElementById('quick'); quick.style.display = (quick.style.display == 'none') ? '' : 'none'; return false;">Fast Links</a> ]
[ <a href="#" onclick="this.innerHTML = (this.innerHTML == 'Inbox') ? 'Inbox' : 'Inbox'; var pm_info = document.getElementById('pm_info'); pm_info.style.display = (pm_info.style.display == 'none') ? '' : 'none'; return false;">Inbox</a> ]
</div>

</td>
</tr>
<tr>
<td id="pm_info" align="center" width="100%" height="10" class="windowbg" style="display: none;">
<script>
var tdid = document.getElementsByTagName("td");
var pm_info= document.getElementById("pm_info");

if (pb_username == 'Guest') {
pm_info.innerHTML = '[ Guest, please <a href="/index.cgi?action=login">Login</a> or <a href="/index.cgi?action=register">Register</a>. ]';
}
if (tdid[2].innerHTML.match(/you have <.+?>(.+?) (message|messages)<.+?>, (\d+) (are|is) new./i)) {
pm_info.innerHTML = '[ '+pb_displayname+', You have <a href="/index.cgi?action=pm">no new</a> PMs. ] [ <a href="/index.cgi?action="pmsend">Compose</a> ]';
}
if (RegExp.$3 >= 1) {
pm_info.innerHTML = '[ '+pb_displayname+', You have <a href="/index.cgi?action=pm">new</a> PMs!. ] [ <a href="/index.cgi?action="pmsend">Compose</a> ] [ <a href="/index.cgi?action=pmmarkasread">Mark As Read</a> ]';
}
//-->
</script>
</td>
</tr>
<tr>
<td id="quick" align="center" width="100%" height="10" class="windowbg" style="display: none;">
[ <a href="/index.cgi?">Premades: 100</a> |
<a href="/index.cgi?">Tutorials: 50</a> |
<a href="/index.cgi?">Templates: 30</a> |
<a href="/index.cgi?">GOTW</a> ]</td>
</tr>
<tr>
<td id="one" width="100%" height="10" class="windowbg" style="display: none;">
<B>Latest News:</b>
</td>
</tr>
<tr>
<td id="two" width="100%" height="10" class="windowbg" style="display: none;">
<b>Polls & Contests:</b>
</td>
</tr>
<tr>
<td id="three" width="100%" height="10" class="windowbg" style="display: none;">
<b>MOTM Winner: </b>
</td>
</tr>
</table>
</td></tr></table>
<style type="text/css">
<!--

#welcome {text-align:right;}
#welcome p {font-size:0.9em; display:inline; position:relative; top:26px;}

-->
</style>

<table id="welcome" width="92%" cellspacing="0" cellpadding="0" align="center"><tr><td><p>

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

var time = new Date();
var hour = time.getHours();

if (hour < 12) {
document.write("Good Morning " + pb_displayname);
} else if (hour < 17) {
document.write("Good Afternoon " + pb_displayname);
} else {
document.write("Good Evening " + pb_displayname );
}

//-->

</script>

</p>


Put In Global Footer:
<script language="JavaScript">
var boardwidth = document.getElementsByTagName('TABLE');
for(i=0;i<boardwidth.length;i++) {
if(boardwidth.width=="92%"){
boardwidth.width='695 px';}}
</script>




Put In Main Header:
<!-- EZ INSANE NEWS BOX START
Created by Smangii @ www.smangii.proboards78.com
This code cannot be distributed anywhere else unless
given permission -->

<center>
<table id="newsable" align="center" border="0" width="720" cellspacing="0" cellpadding="0" class="bordercolor">
<tr>
<td>
<table cellpadding="2" cellspacing="1" border="0" width="100%">
<tr>
<td class="titlebg" align="center" colspan="2" height="25">
<font color="000000" size="1">
<b>Navigation Menu:</b>
<a href="javascript:void(0);" onClick="document.getElementById('menu').style.display='none';">Hide</a> /
<a href="javascript:void(0);" onClick="document.getElementById('menu').style.display='';">Show</a>
</font>
</td>
</tr>
<tr>
<td id="menu" width="100%" class="windowbg2" valign="center" align="center">
<font size="1" face="verdana">
<center>
<br>

<!-- INSERT YOUR MENU LINKS BELOW -->
<a href="URL">LINK</a> |
<a href="URL">LINK</a> |
<a href="URL">LINK</a> |
<a href="URL">LINK</a> |
<a href="URL">LINK</a> |
<a href="URL">LINK</a>
<!-- INSERT YOUR MENU LINKS ABOVE -->

<br>
</center>
</font>
</td>
</tr>

<td class="titlebg" align="center" colspan="2" height="25">
<font color="666666" size="1">
<b>Latest News & Updates:</b>
<a href="javascript:void(0);" onClick="document.getElementById('news').style.display='none';">Hide</a> /
<a href="javascript:void(0);" onClick="document.getElementById('news').style.display='';">Show</a>
</font>
</td>
</tr>

<td id="news" width="100%" class="windowbg2" align="center" valign="center" style="display: none; >
<font color="000000" size="1">
<center>
<br>

<!-- INSERT YOUR UPDATES BELOW -->
Update #1 -
Update #2 -
Update #3 -<!-- INSERT YOUR UPDATES ABOVE -->

<br>
<br>
</center>
</font>
</td>
</tr>
</table>
</table>
</center>
<!-- EZ INSANE NEWS BOX END -->
<table cellspacing="1" cellpadding="4" class="bordercolor" width="92%">
<tr>
<td class="titlebg">Affiliates <a href="javascript: hideshow('atable')">(Show All)</a></td>
</tr>
<tr>
<td class="windowbg">
<div id="artable" align="center"></div>
<div id="atable" align="center" style="display: none;"></div>
</td>
</tr>
</table>

[/center]

Put In Main Footer:
<table cellspacing="1" cellpadding="4" class="bordercolor" width="92%">
<tr>
<td class="titlebg">Affiliates <a href="javascript: hideshow('atable')">(Show All)</a></td>
</tr>
<tr>
<td class="windowbg">
<div id="artable" align="center"></div>
<div id="atable" align="center" style="display: none;"></div>
</td>
</tr>
</table>

[/left]

[geokerkid]

Nice! :-) I was wondering, are those codes yours?

[Jordan]

Those codes are not hers. They belong to Slightly Insane Designs

[Michael]

Wow! pretty nice, I love the features [is that the word?] that the codes provide! Very cool.

[geokerkid]

Oh really? Interesting, but can be a "Code of choice" thing :-) and oh could you fix that link? I would really like to see the codes over there ;D

[Arashi]

I GOT THE LINKS FIXED!!! ;D

[stealth]

xelled said:

Those codes are not hers. They belong to Slightly Insane Designs

She could've answered it hersefl

I think the skin is bootiful!