300Mem: Layout 36

Layout 36 view

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

overflow-x: hidden;
}
a:link {
color: #ffffff;
text-decoration:none;

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


}

 a:active {color: #ececec;
text-decoration:none;


}
a:hover {color: #ececec;

}


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





A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: Calibri;
font-weight: lighter;
font-size: 10px;
letter-spacing: 3px;
text-align: center;
color: #545454;
border-bottom: 1px solid #171717;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
line-height: 15px;
text-transform: uppercase;
background-color: #000000;


}


A.navi:hover {
display: block;
color: #ffffff;
cursor: crosshair;


}





b, strong{
   color:#78c654;
   font-size: 11px;





}

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

u{
  color: #ea7fc5;
  text-decoration: none;
border-bottom: 1px solid #000000;

}


s, strike{
   color:#707070;
}


font {
font-family: Tahoma;
color: #afafaf;
font-size: 11px;
letter-spacing: -0.5px;
}





.h1{
display: block;
font-family: Century Gothic;
font-size: 11px;
font-weight: lighter;
color: #ea7fc5;
background: url('http://i53.tinypic.com/16a5h0k.jpg');
border-bottom: 1px solid #78c654;
line-height: 20px;
text-align: center;
margin-top: 0px;
letter-spacing: 5px;
text-transform: uppercase;
text-shadow: 1px 1px #000000;
}









* { margin: 0; padding: 0; }


.box {
background-image: url(http://i51.tinypic.com/20rk50i.png);

padding: 3px;
color: #63563f;
width: 100%;

}


.box2 {
background: url('http://i51.tinypic.com/2sba2v7.jpg');
padding: 5px;


}







.seitenname {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
opacity: 0.1;
moz-opacity: 0.1;
font-family: Century Gothic;
text-transform: uppercase;
font-size: 65px;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;

}




TEXTAREA {
font-size: 11px;
font-family: Tahoma;
Color: #808080;
border: 0px solid #432920;
background-color: #000000;
width: 280px;
height: 150px;
}

INPUT {
font-size: 11px;
font-family: Tahoma;
Color: #808080;
background-color: #000000;
border: 0px solid #432920;
width: 120px;
height: 20px;
}


.inhaltetable { width: 100%;
}




                                                               -->
</style>
</head>

<body style="background: url('http://300memories.pytalhost.at/layouts/layout36bg.png'); background-color: #000000;">
<img src="http://300memories.pytalhost.at/layouts/layout36.png" border="0">




<div style="overflow: visible; position: absolute; width: 648; height: 376; left: 72; top: 625;">
<div class="box2">
{PLACE_CONTENT}
</div>
</div>


<div style="overflow: visible; position: absolute;  width: 219; left: 729; top: 625;">
<div class="box2">
<p class="h1">Mainmenue</p>
<a href="http://deineSeite/" class="navi">Home</a>
<a href="http://deineSeite/" class="navi">Our Team</a>
<a href="http://deineSeite/" class="navi">About the Site</a>
<a href="http://deineSeite/" class="navi">Affiliates</a>
<a href="http://deineSeite/" class="navi">Link us</a>
<a href="http://deineSeite/" class="navi">Goodbye</a>
</div>

<br>

<div class="box2">
<p class="h1">Stufflounge</p>
<table width="100%"></tr>
<td width="50%">
<a href="http://deineSeite/" class="navi">Layouts</a>
<a href="http://deineSeite/" class="navi">Bases</a>
<a href="http://deineSeite/" class="navi">Headers</a>
</td><td width="50%">
<a href="http://deineSeite/" class="navi">Tutorials</a>
<a href="http://deineSeite/" class="navi">Icons</a>
<a href="http://deineSeite/" class="navi">Contests</a>
</td></tr></table>
</div>

<br>

<div class="box2">
<p class="h1">Credits</p>
<a href="http://300memories.pytalhost.at/" class="navi">Designer: 300memories</a>
<a href="http://ririfenty.us/" class="navi">Pictures</a>
</div>
</div>

<div style="overflow: visible; position: absolute;  width: 888; height: 115; left: 68; top: 15">
<center>
<div class="seitenname">
examplepage.de.tc
</div>
</center>
</div>




</body>
</html>

HPBK-Code:

Text über dem Design

<div id="b">
<div id="Mein_Bild"></div>

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



<div id="navibox">
<div class="box2">
<p class="h1">Mainmenue</p>
<a href="http://deineSeite/" class="navi">Home</a>
<a href="http://deineSeite/" class="navi">Our Team</a>
<a href="http://deineSeite/" class="navi">About the Site</a>
<a href="http://deineSeite/" class="navi">Affiliates</a>
<a href="http://deineSeite/" class="navi">Link us</a>
<a href="http://deineSeite/" class="navi">Goodbye</a>
</div>

<br>

<div class="box2">
<p class="h1">Stufflounge</p>
<table width="100%"></tr>
<td width="50%">
<a href="http://deineSeite/" class="navi">Layouts</a>
<a href="http://deineSeite/" class="navi">Bases</a>
<a href="http://deineSeite/" class="navi">Headers</a>
</td><td width="50%">
<a href="http://deineSeite/" class="navi">Tutorials</a>
<a href="http://deineSeite/" class="navi">Icons</a>
<a href="http://deineSeite/" class="navi">Contests</a>
</td></tr></table>
</div>

<br>

<div class="box2">
<p class="h1">Credits</p>
<a href="http://300memories.pytalhost.at/" class="navi">Designer: 300memories</a>
<a href="http://ririfenty.us/" class="navi">Pictures</a>
</div>

</div>



<div id="seitenname">
<center>
examplepage.de.tc
</center>
</div>

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

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


}

 a:active {color: #ececec;
text-decoration:none;


}
a:hover {color: #ececec;

}


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





A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: Calibri;
font-weight: lighter;
font-size: 10px;
letter-spacing: 3px;
text-align: center;
color: #545454;
border-bottom: 1px solid #171717;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
line-height: 15px;
text-transform: uppercase;
background-color: #000000;


}


A.navi:hover {
display: block;
color: #ffffff;
cursor: crosshair;


}





b, strong{
   color:#78c654;
   font-size: 11px;





}

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

u{
  color: #ea7fc5;
  text-decoration: none;
border-bottom: 1px solid #000000;

}


s, strike{
   color:#707070;
}


font {
font-family: Tahoma;
color: #afafaf;
font-size: 11px;
letter-spacing: -0.5px;
}





.h1{
display: block;
font-family: Century Gothic;
font-size: 11px;
font-weight: lighter;
color: #ea7fc5;
background: url('http://i53.tinypic.com/16a5h0k.jpg');
border-bottom: 1px solid #78c654;
line-height: 20px;
text-align: center;
margin-top: 0px;
letter-spacing: 5px;
text-transform: uppercase;
text-shadow: 1px 1px #000000;
}









* { margin: 0; padding: 0; }


.box {
background-image: url(http://i51.tinypic.com/20rk50i.png);

padding: 3px;
color: #63563f;
width: 100%;

}


.box2 {
background: url('http://i51.tinypic.com/2sba2v7.jpg');
padding: 5px;


}







.seitenname {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
opacity: 0.1;
moz-opacity: 0.1;
font-family: Century Gothic;
text-transform: uppercase;
font-size: 65px;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;

}




TEXTAREA {
font-size: 11px;
font-family: Tahoma;
Color: #808080;
border: 0px solid #432920;
background-color: #000000;
width: 280px;
height: 150px;
}

INPUT {
font-size: 11px;
font-family: Tahoma;
Color: #808080;
background-color: #000000;
border: 0px solid #432920;
width: 120px;
height: 20px;
}


.inhaltetable { width: 100%;
}





}
#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 {
background-image: url('http://300memories.pytalhost.at/layouts/layout36bg.png');

}

*{ padding: 0; margin: 0; }


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

#content {
position: absolute;
width: 646px;
left: 72px;
top: 725px;
background: url('http://i51.tinypic.com/2sba2v7.jpg');
padding: 5px;
font-family: Tahoma;
color: #afafaf;
font-size: 11px;
letter-spacing: -0.5px;  }


#b {
background-repeat: repeat-x;
height: 100px;
background: url('http://i52.tinypic.com/53wgag.jpg');  }



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


#navibox{
position: absolute;
width: 219px;
left: 729px;
top: 725px;
overflow:auto;}

#seitenname{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
opacity: 0.1;
moz-opacity: 0.1;
position: absolute;
 width: 888px;
left: 68px;
top: 115px;
font-family: Century Gothic;
text-transform: uppercase;
font-size: 65px;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;
overflow:auto;}