layout-2.html
<html>
<head>
<title>jhthorsen.everett</title>
<script type="text/javascript">
var tmp=0
function bord(inp) {
if(inp) {
inp.borderColor="#667770"
inp.color="#eeeeee"
}
else {
tmp.borderColor="#556660"
tmp.color="#999999"
}
tmp=inp
window.status=""
}
</script>
<style type="text/css">
body, td, div, a
{font: bold 12px arial; color: #999999}
body {background: #556660; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden}
a {color: #bbbbbb}
a:hover {text-decoration: none; color: #eeeeee}
a.menu {text-decoration: none}
#home, #about, #guestbook, #pictures, #links, #projects, #mail, #map
{position: relative; background: #445550; width: 120px; height: 16px; padding-left: 5px; margin-bottom: 3px; border: 2px solid #556660; cursor: default}
#main {background: #445550; height: 250px; overflow: hidden}
#scrlbg {position: relative; top: -20px; left: -15px; width: 20px; height: 230px; background: #445550; border: 2px solid #556660}
#txtinp {position: absolute; border: 2px solid #556660}
.txtinp {background: #445550; font: bold 12px arial; color: #999999; border: 0; width: 230px; cursor: default}
.p {margin-top: 1px; margin-bottom: 20px; margin-left: 5px; margin-right: 5px}
.h1 {color: #eeeeee; font: bold 13px arial; letter-spacing: 3px}
</style>
</head>
<body>
<table cellspacing="0" cellpadding="0" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%">
<tr>
<td style="background: #556660"> </td>
<td style="background: #53635e"> </td>
<td style="background: #51615c"> </td>
</tr>
</table>
<!-- start: MENU/MAIN BACK -->
<table cellspacing="0" cellpadding="0" style="position: absolute; left: 0px; top: 0px; height: 100%; width: 100%">
<tr>
<td style="width: 130px">
<!-- start: MENU -->
<script type="text/javascript"><!--
menu=new Array("home", "about", "guestbook", "pictures", "links", "projects", "mail me", "map")
for(var f=0;f<menu.length;f++) {
LEFT=Math.round(+20 -Math.sin((Math.PI-0.2) *(f/menu.length))*15 )
if(menu[f].indexOf(" ")!=-1) id=menu[f].substring(0,menu[f].indexOf(" "))
else id=menu[f]
document.write( '<div id="' +id +'" style="left: ' +LEFT +'px; z-index: ' +(f+3) +'" onClick="url( \'everett.pl?' +menu[f] +'\' )" onMouseover="if(this.style) bord(this.style); window.status=\'everett.pl?\'+this.id" onMouseout="if(this.style) bord(0)">' +menu[f] +'</div>' )
}
--></script>
<!-- end: MENU -->
</td>
<td style="width: 20px"><div style="background: #445550; height: 250px; width: 20px"> </div></td>
<td><div style="background: #445550; height: 250px; overflow: auto">
<div class="h1">index</div><div class="p"
>Welcome to my site:)<br
/>I hope some of the things here will apeal to you in some way. Like if you're someone i met on IRC you might wanna get some out of reading stuff under <a href="everett.pl?about">about</a>, and/or viewing my <a href="everett.pl?pic">pictures</a><br
/>The biggest minus about my site is that if you've been here once you don't really have to come back, since i nearly never change the content. But who knows, maybe i do?:/<br
/>Anyway if you have any comments/suggestion on what would do my site better, please tell me!</div>
<div class="h1">info</div><div class="p"
>This site uses some javascript, please enable it to access all feautures.<br
/>Creators nick: everett / jhthorsen (at undernet, mostly on <a href="http://www.html-undernet.org">#html</a>)</div>
<div class="h1">news</div><div class="p"
>I've actually redone some of the content! and the look is some-how new. But for how long will it last?<br
/>Hopefully I will add more (new?) content in the future.</div>
<div class="h1">copyrights</div><div class="p"
>©jhthorsen, all rights reserved, except the ones which is stolen:|<br
/>Stolen/things not done by me is marked with "©someone". Otherwise I guess it's free to take whatever you want, since I don't think I'll track you down:/ but you could ask...</div>
</div>
</td>
<td style="width: 50px"
>  <!--<div id="scrlbg" onMouseover="if(this.style) bord(this.style)" onMouseout="if(this.style) bord(0)"> </div>
--></td>
</tr>
</table>
<!-- start: MENU/MAIN BACK -->
</body>
</html>
