300Mem: Layout 23

Layout 23 view

Myblog-Code:
<html>
<head>
<style type="text/css">
<!--
body {

scrollbar-face-color: #373737;
scrollbar-highlight-color: #474747;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #222222;
scrollbar-arrow-color: #f2e7d5;
scrollbar-track-color: #373737;
}
a:link {
color: #0084d0;
text-decoration:none;

}
a:visited {color: #0084d0;
text-decoration:none;


}

 a:active {color: #0084d0;
text-decoration:none;


}
a:hover {color: #64a8d0;

}


::-moz-selection{
background: #0084d0;
color: #ffffff; }



#navigation li {
display: inline;
list-style-type: none;
}

#navigation a {
font-family: Arial;
color: #ffffff;
font-size: 13px;
padding-top: 10px;
font-weight: bold;
background: url('http://300memories.pytalhost.at/layouts/navihover23.png');
text-decoration: none;
text-transform: uppercase;
padding: 10px 7px;
letter-spacing: 1px;
text-shadow: #1970a3 1px 1px 2px;
}

#navigation a:hover {
font-family: Arial;
color: #ffffff;
font-size: 13px;
padding-top: 10px;
font-weight: bold;
background: url('http://300memories.pytalhost.at/layouts/navihover23_2.png');
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
padding: 10px 7px;
text-shadow: #1970a3 1px 1px 2px;
}


A.navi:link, A.navi:active, A.navi:visited {
display: block;
border-bottom: 1px solid #b6b6b6;
text-align: left;
background-color: #eeeeee;
padding-left: 7px;
color: #888888;
line-height: 14px;
letter-spacing: 1.5px;
margin-bottom: 1px;
text-transform: uppercase;
font-family: Arial;
font-size: 10px;
}


A.navi:hover {
display: block;
border-bottom: 1px solid #b6b6b6;
text-align: left;
background-color: #eeeeee;
padding-left: 7px;
color: #c3c3c3;
line-height: 14px;
letter-spacing: 1.5px;
margin-bottom: 1px;
text-transform: uppercase;
font-family: Arial;
font-size: 10px;
}




b, strong{
   color:#2d94ce;
   font-size: 11px;





}

i, em{
   color:#707070;
letter-spacing: 1px;
}

u{
  color: #000000;
  text-decoration: none;
border-bottom: 1px dotted #2d94ce;

}


s, strike{
   color:#707070;
}



font {
font-family: Arial;
font-size: 11px;
letter-spacing: 1px;
margin: 0px;
color: #343434;

}



.h1{
display: block;
font-family: Century Gothic;
color: #268fcd;
font-size: 13px;
border-bottom: 1px solid #c9c9c9;
line-height: 19px;
padding-left: 7px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: #a4a4a4 1px 1px 2px;

}





* { margin: 0; padding: 0; }


.box {
background-color: #d3d3d3;
padding: 5px;
color: #737373;
width: 80%;

}


.box2 {
background-color: #ffffff;
margin: 4px;
padding: 3px;

}





TEXTAREA {
font-family: Arial;
font-size: 11px;
letter-spacing: 1px;
width: 200px;
height: 90px;
background-color: #eaeaea;
border: 1px solid #c8c8c8;
}

INPUT {
font-family: Arial;
font-size: 11px;
letter-spacing: 1px;
background-color: #eaeaea;
border: 1px solid #c8c8c8;
width: 120px;
height: 20px;
}


.inhaltetable { width: 100%;
}


                                                             -->
</style>
</head>

<body style="background-image:url(http://300memories.pytalhost.at/layouts/layout23bg.png);
background-attachment:fixed; background-repeat: repeat-x;">




<img src="http://300memories.pytalhost.at/layouts/layout23.png" style="position: absolute; top: 0; left:0;" usemap="#map" border="0">


<div style="overflow: visible; position: absolute; width: 654; height: 360; left: 58; top: 424">
<div class="box2">
{PLACE_CONTENT}
</div>
</div>

<div style="overflow: visible; position: absolute; width: 653; height: 30; left: 58; top: 49">
<center>
<ul id="navigation">
<li><a href="http://seite.de">News</a></li>
<li><a href="http://seite.de">Domain</a></li>
<li><a href="http://seite.de">Webmiss</a></li>
<li><a href="http://seite.de">Guestbook</a></li>
<li><a href="http://seite.de">Stuff</a></li>
<li><a href="http://seite.de">Interactive</a></li>
<li><a href="http://seite.de">Exit</a></li>
</center>
</ul>
</div>


<div style="overflow: visible; position: absolute; width: 232; height: 360; left: 717; top: 424">
<div class="box2">
<p class=h1>Mainmenue</p>
<a href=http://deineSeite.de/ class=navi><b>001.</b> Refresh</a>
<a href=http://deineSeite.de/ class=navi><b>002.</b> Webmiss</a>
<a href=http://deineSeite.de/ class=navi><b>003.</b> Domain</a>
<a href=http://deineSeite.de/ class=navi><b>004.</b> Exit</a>
</div>

<br>

<div class="box2">
<p class=h1>Stuff</p>
<center>
<table width="95%"></tr>
<td width="50%">
<a href=http://deineSeite.de/ class=navi>Layouts</a>
<a href=http://deineSeite.de/ class=navi>Headers</a>
<a href=http://deineSeite.de/ class=navi>Icons</a>
</td><td width="50%">
<a href=http://deineSeite.de/ class=navi>Bases</a>
<a href=http://deineSeite.de/ class=navi>Pixel</a>
<a href=http://deineSeite.de/ class=navi>PNG's</a>
</td></tr></table>
</center>
</div>

<br>

<div class="box2">
<p class=h1>Contestarea</p>
<center>
<table width="95%"></tr>
<td width="50%">
<a href=http://deineSeite.de/ class=navi>Icon</a>
<a href=http://deineSeite.de/ class=navi>SOTM</a>
</td><td width="50%">
<a href=http://deineSeite.de/ class=navi>Retouch</a>
<a href=http://deineSeite.de/ class=navi>Winners</a>
</td></tr></table>
</center>
</div>

<br>

<div class="box2">
<p class=h1>Credits</p>
<a href=http://300memories.pytalhost.at/ class=navi><b>005.</b>Designer</a>
<font>
<center>
</center>
</font>
</div>
</div>
                                            ´
</body>
</html>