Post by TILLY on Mar 6, 2010 14:14:39 GMT -5
GLOBAL HEADER :-
<!-- border around forum by california -->
<center style="width: 700px; margin: auto;">
<br />
<div style="width: 100%; background: #050505 url(URL OF BORDER IMAGE) repeat-y fixed top center;">
<script type="text/javascript">
<!--
document.getElementsByTagName('table')[0].cellSpacing = 0;
//-->
</script>
<script type="text/javascript">
<!--
document.getElementsByTagName('td').item(2).style.display="none";
//-->
</script>
<script type="text/javascript">
<!--
document.getElementsByTagName('td').item(2).innerHTML = document.getElementsByTagName('td').item(2).innerHTML.split(/<br\s?\/?>/)[0];
//-->
</script>
<!-- =====
START Smangii's {LEFT} Side Tables *REVISED*
Global Header
===== -->
<script>
// Resize the welcome table - can be % or a number of pixels
document.getElementsByTagName('table')[0].style.width='100%';
</script>
<style type="text/css">
#sidetables { width: 220px; margin-bottom: 20px; margin-right: 20px; }
</style>
<table width="800 px" align="center" cellpadding="0px" cellspacing="0px">
<tr>
<td vAlign="top">
<!-- ===== BOX #1 START ===== -->
<table id="sidetables" cellpadding="4px" class="bordercolor" cellspacing="1">
<tr><td align="center" class="titlebg"><img src="http://i46.tinypic.com/2h5skug.jpg" alt=""/>
</td></tr>
<tr><td class="windowbg" align="center">
<form><select name="select" size="1" class="forminput" name="menu"onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option value=''>LINKS LOVELY LINKS</option>
<option value='LINK HERE'>| LINK UNO |</option>
<option value='LINK HERE'>| LINK DEUX|</option>
<option value='LINK HERE'>| LINK TROIS |</option>
<option value='LINK HERE'>| && |</option>
<option value='LINK HERE'>| && |</option>
</select></form>
</td></tr></table>
<!-- ===== SETTING ===== -->
<table id="sidetables" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg"><img src="http://i47.tinypic.com/1fh7kh.jpg" alt=""/>
</td></tr>
<tr><td class="windowbg" align="center">
<br>
<img src="PICTURE HERE IF WANTED">
a little bit about your site!
</td></tr></table>
<!-- ===== CBOX ===== -->
<table id="sidetables" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg"><img src="http://i48.tinypic.com/2rnamw2.jpg" alt=""/>
</td></tr>
<tr><td class="windowbg" align="center">
cbox here :] i recommend www.cbox.ws the perfect width would be between 225 - 230 and height is up to you!
<BR>
<a href="cbox link number 2">CLICK FOR THE IC-CBOX
</a> <-- this is if you want an incharacter cbox, if not just delete up to the break.
</td></tr></table>
<!-- ===== STAFF ===== -->
<table id="sidetables" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg"><img src="http://i46.tinypic.com/2nav38l.jpg" alt=""/>
</td></tr>
<tr><td class="windowbg" align="center">
<br>
<img src="STAFF IMG HERE">
<BR>
<form><select name="select" size="1" class="forminput" name="menu"onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option value=''>STAFFER NAME?!</option>
<option value='LINKE ONE'>| CHARACTER 1|</option>
<option value='LINK TWO'>| CHARACTER TWO|</option>
</select></form>
</select></form>
</td></tr></table>
<!-- ===== SPOTLIGHT ===== -->
<table id="sidetables" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg"><img src="http://i47.tinypic.com/w83hqu.jpg" alt=""/>
</td></tr>
<tr><td class="windowbg" align="center">
<br>
<img src="http://i49.tinypic.com/iq94q8.jpg" alt="female"/>
<br><img src="http://i47.tinypic.com/2yweptl.jpg" alt="TBA"/>
<br>
<img src="http://i47.tinypic.com/4kxwub.jpg" alt="male"/>
<br><img src="http://i47.tinypic.com/2yweptl.jpg" alt="TBA"/></a>
<br>
<img src="http://i46.tinypic.com/vx13cx.jpg" alt="love"/>
<BR><img src="http://i47.tinypic.com/2yweptl.jpg" alt="TBA"/>
<br>
<img src="http://i49.tinypic.com/wjxjya.jpg" alt="hate"/>
<BR><img src="http://i47.tinypic.com/2yweptl.jpg" alt="TBA"/>
<br>
<img src="http://i46.tinypic.com/35cip8w.jpg" alt="thread"/>
<BR><img src="http://i47.tinypic.com/2yweptl.jpg" alt="TBA"/></a>
<br>
<img src="http://i45.tinypic.com/racj2x.jpg" alt="member"/>
<BR><img src="http://i47.tinypic.com/2yweptl.jpg" alt="TBA"/></a>
</td></tr></table>
<!-- ===== credits ===== -->
<table id="sidetables" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg"><img src="http://i48.tinypic.com/14lqcdc.jpg" alt=""/>
</td></tr>
<tr><td class="windowbg" align="center">
banner © credit name here !<br>
content © Members. <br>
plot © plot credit here!<br>
this skin//side bar and all the coding was done by <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=21517">TILLY SAY WUTT!? of CAUTION 2.0 !?</a> & <a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=255">A THOUSAND FIREFLIES !?</a>
</td></tr></table>
<! -- ***NOTE*** Place any extra added side tables above this line // -->
</td><td align="center" vAlign="top" width="95%">
<div id="wel"></div>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
//-->
</script>
<div id="memberpop" style="height: 50%; width: 50%; position: absolute; top: 50px; left: 100px; background-color: #ffffff; border: 1px solid black; overflow: auto; display: none;">
<align="center"><b>WELCOME TO THE SITE
<br> We are currently accepting everyone and anyone!</b>
</div>
<script type="text/javascript">
<!--
// Pop up when member first logs in...
// Set cookie function..
function setMemberCookie()
{
var expireDate = new Date();
expireDate.setMonth(expireDate.getYear()+10);
document.cookie = 'beenbefore=yes; expires='+expireDate.toGMTString()+'; path=/';
return;
}
if(pb_username != 'Guest' && !document.cookie.match(/beenbefore/))
{
document.getElementById('memberpop').style.display = '';
if(!navigator.appName.match(/Internet Explorer/))
{
document.getElementById('memberpop').style.position = 'fixed';
document.getElementById('memberpop').style.left = window.innerWidth/4;
document.getElementById('memberpop').style.top = window.innerHeight/4;
}
else
{
document.getElementById('memberpop').style.left = document.body.offsetWidth/4;
document.getElementById('memberpop').style.top = document.body.offsetHeight/4;
}
document.getElementById('memberpop').onclick = function(){this.style.display = 'none';}
setMemberCookie();
}
// -->
</script>