300Mem: Layout 22

Layout 22 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: #722b99;
text-decoration:none;

}
a:visited {color: #722b99;
text-decoration:none;


}

 a:active {color: #722b99;
text-decoration:none;


}
a:hover {color: #a53ede;

}


::-moz-selection{
background: #f176c2;
color: #ffffff; }



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

#navigation a {
font-family: Impact;
color: #6e6e6e;
font-size: 13px;
padding-top: 10px;
font-weight: lighter;
background: url('http://i51.tinypic.com/294rqdv.png');
text-decoration: none;
text-transform: uppercase;
padding: 10px 7px;
letter-spacing: 1px;
text-shadow: #ffffff 1px 1px 2px;
}

#navigation a:hover {
font-family: Impact;
color: #949494;
font-size: 13px;
padding-top: 10px;
font-weight: lighter;
background: url('http://i51.tinypic.com/294rqdv.png');
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
padding: 10px 7px;
text-shadow: #ffffff 1px 1px 2px;
}


A.navi:link, A.navi:active, A.navi:visited {
display: block;
background: url('http://300memories.pytalhost.at/layouts/navi20.png');
border-bottom: 1px solid #b6b6b6;
text-align: center;
color: #9f9f9f;
line-height: 13px;
letter-spacing: 1.5px;
margin-bottom: 1px;
text-transform: uppercase;
font-family: Tahoma;
font-size: 10px;




 }


A.navi:hover {
display: block;
background: url('http://300memories.pytalhost.at/layouts/navi20.png');
border-bottom: 1px solid #b6b6b6;
text-align: center;
color: #9f9f9f;
line-height: 13px;
letter-spacing: 1.5px;
margin-bottom: 1px;
text-transform: uppercase;
font-family: Tahoma;
font-size: 10px;
font-weight: bold;





 }




b, strong{
   color:#722b99;
   font-size: 11px;





}

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

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

}


s, strike{
   color:#d473d1;
}


font {
font-family: Tahoma;
font-size: 11px;
letter-spacing: 1px;
margin: 0px;
color: #6b6b6b;

}



.h1{
display: block;
font-family: Impact;
font-size: 15px;
margin-bottom: 1px;
line-height: 20px;
border-bottom: 1px dotted #000000;
color: #722b99;
text-transform: uppercase;
text-align: left;
padding-left: 17px;
margin-top: 0px;
letter-spacing: 2px;
}





* { margin: 0; padding: 0; }


.box {
background-color: #e4e4e4;
padding: 5px;
color: #ababab;
width: 80%;

}


.box2 {
background-color: #ffffff;

}





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

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


.inhaltetable { width: 100%;
}


                                                             -->
</style>
</head>

 <body bgcolor="#0d0d0e" background="http://300memories.pytalhost.at/layouts/layout22bg.png">

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


<div style="overflow: visible; position: absolute; width: 454; height: 360; left: 304; top: 398">
<div class="box2">
{PLACE_CONTENT}
</div>
</div>

<div style="overflow: visible; position: absolute; width: 644; height: 30; left: 111; top: 50">
<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: 189; height: 360; left: 111; top: 398">
<div class="box2">
<p class=h1>Mainmenue</p>
<a href=http://deineSeite.de/ class=navi> Refresh</a>
<a href=http://deineSeite.de/ class=navi> Webmiss</a>
<a href=http://deineSeite.de/ class=navi> Domain</a>
<a href=http://deineSeite.de/ class=navi> 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>Designer</a>
<font>
<center>
<a href="http://browse.deviantart.com/?q=style fashion girl&order=9&offset=48#/d1nmkeq">Picture</a>
</center>
</font>
</div>
</div>
                                            ´








</body>
</html>

HPBK-Code

Text über dem Design
<div id="Mein_Bild"></div>

<div id="header"><img src="http://300memories.pytalhost.at/layouts/layout22.png" usemap="#map" border="0"></img></div>


<div id="navibox">
<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>
</ul>


</div>


<div id="navibox2">
<div class="box2">
<p class=h1>Mainmenue</p>
<a href=http://deineSeite.de/ class=navi> Refresh</a>
<a href=http://deineSeite.de/ class=navi> Webmiss</a>
<a href=http://deineSeite.de/ class=navi> Domain</a>
<a href=http://deineSeite.de/ class=navi> 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>Designer</a>
<font>
<center>
<a href="http://browse.deviantart.com/?q=style fashion girl&order=9&offset=48#/d1nmkeq">Picture</a>
</center>
</font>
</div>
</div>

CSS-Code ohne Style-Tags
a:link {
color: #722b99;
text-decoration:none;

}
a:visited {color: #722b99;
text-decoration:none;


}

 a:active {color: #722b99;
text-decoration:none;


}
a:hover {color: #a53ede;

}


::-moz-selection{
background: #f176c2;
color: #ffffff; }



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

#navigation a {
font-family: Impact;
color: #6e6e6e;
font-size: 13px;
padding-top: 10px;
font-weight: lighter;
background: url('http://i51.tinypic.com/294rqdv.png');
text-decoration: none;
text-transform: uppercase;
padding: 10px 7px;
letter-spacing: 1px;
text-shadow: #ffffff 1px 1px 2px;
}

#navigation a:hover {
font-family: Impact;
color: #949494;
font-size: 13px;
padding-top: 10px;
font-weight: lighter;
background: url('http://i51.tinypic.com/294rqdv.png');
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
padding: 10px 7px;
text-shadow: #ffffff 1px 1px 2px;
}


A.navi:link, A.navi:active, A.navi:visited {
display: block;
background: url('http://300memories.pytalhost.at/layouts/navi20.png');
border-bottom: 1px solid #b6b6b6;
text-align: center;
color: #9f9f9f;
line-height: 13px;
letter-spacing: 1.5px;
margin-bottom: 1px;
text-transform: uppercase;
font-family: Tahoma;
font-size: 10px;




 }


A.navi:hover {
display: block;
background: url('http://300memories.pytalhost.at/layouts/navi20.png');
border-bottom: 1px solid #b6b6b6;
text-align: center;
color: #9f9f9f;
line-height: 13px;
letter-spacing: 1.5px;
margin-bottom: 1px;
text-transform: uppercase;
font-family: Tahoma;
font-size: 10px;
font-weight: bold;





 }




b, strong{
   color:#722b99;
   font-size: 11px;





}

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

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

}


s, strike{
   color:#d473d1;
}


font {
font-family: Tahoma;
font-size: 11px;
letter-spacing: 1px;
margin: 0px;
color: #6b6b6b;

}



.h1{
display: block;
font-family: Impact;
font-size: 15px;
margin-bottom: 1px;
line-height: 20px;
border-bottom: 1px dotted #000000;
color: #722b99;
text-transform: uppercase;
text-align: left;
padding-left: 17px;
margin-top: 0px;
letter-spacing: 2px;
}



}
#extraDiv1 {display: none;}
 #extraDiv2 {display: none;}
 #extraDiv3 {display: none;}
 #extraDiv4 {display: none;}
 #extraDiv5 {display: none;}
 #extraDiv6 {display: none;}
 #pre_header {display: none;}
 #post_header {display: none;}
 #300memories_content {display: none;}
 #nav{display: none;}
 div.header{display: none;}
 h2#title{display: none;}



body {
overflow: auto;
background-image: url('http://300memories.pytalhost.at/layouts/layout22bg.png');
}

*{ padding: 0; margin: 0; }


#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1024px;
height:768px;
border:0px;}

#content {
overflow: visible;
position: absolute;
width: 454px;
height: 360px;
left: 304px;
top: 498px;
font-family: Tahoma;
font-size: 11px;
letter-spacing: 1px;
margin: 0px;
color: #6b6b6b;
background-color: #ffffff;
}



#header{
position: absolute;
left:0px;
top:100px;
border: 0px solid #ffffff;
overflow:auto;}


#navibox{
overflow: visible;
position: absolute;
width: 644px;
height: 30px;
left: 111px;
top: 150px;
font-family: Tahoma;
font-size: 11px;
letter-spacing: 1px;
margin: 0px;
color: #6b6b6b;
border-left: 0px solid #d3d3d3;
overflow:auto;}

#navibox2{
overflow: visible;
position: absolute;
width: 189px;
height: 360px;
left: 111px;
top: 498px;
font-family: Tahoma;
font-size: 11px;
letter-spacing: 1px;
margin: 0px;
color: #6b6b6b;
border-left: 0px solid #d3d3d3;
overflow:auto;}




.box {
background-color: #e4e4e4;
padding: 5px;
color: #ababab;
width: 80%;

}

.box2 {
background-color: #ffffff;

}