300Mem: Layout 39

Layout 39 view

Myblog-Code:
<html>
<head>

<style type="text/css">
<!--
body {

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

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


}

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


}
a:hover {color: #ffffff;


}


::-moz-selection{
background: #ffffff;
color: #7e7e7e; }




A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: Trebuchet ms;
font-weight: lighter;
font-size: 10px;
letter-spacing: 1px;
text-align: left;
padding-left: 7px;
color: #9b9b9b;
border-bottom: 1px solid #131313;
border-top: 1px solid #373737;
line-height: 15px;
text-transform: uppercase;
background-color: #202020;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;


}


A.navi:hover {
display: block;
cursor: crosshair;
background-color: #2b2b2b;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


b, strong{
   color: #cacfee;





}

i, em{
   color:#a0a6cc;

}

u{
  color: #000000;
  text-decoration: none;
border-bottom: 1px solid #cacfee;
letter-spacing: 2px;

}


s, strike{
   color:#707070;
}


font {
font-family: Trebuchet ms;
color: #e3e3e3;
font-size: 10px;
text-shadow: 1px 1px  #373737;
letter-spacing: 1px;
line-height: 13px;
}



.h1{
display: block;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
font-style: italic;
background-color: #414141;
color: #dadced;
padding-left: 12px;
border-bottom: 1px solid #464a66;
line-height: 17px;
text-align: left;
margin-bottom: 2px;
letter-spacing: -1px;
text-shadow: 1px 1px #000000;
box-shadow: 0px 1px 0px 0px #3f4045;
}



* { margin: 0; padding: 0; }


.box {
background-image: url(http://300memories.pytalhost.at/layouts/layout39bg.png);
padding: 7px;
-moz-box-shadow: 2px 2px 3px #2d2d2d;
-webkit-box-shadow: 2px 2px 3px #2d2d2d;
box-shadow: 2px 2px 3px #2d2d2d;
font-family: Trebuchet ms;
font-size: 10px;
color: #ffffff;
width: 70%;
text-shadow: 1px 1px #1e1f27;
margin-bottom: 3px;

}


.box2 {
background-color: #5b5b5b; padding: 4px; border: 1px solid #373737; -moz-box-shadow: 2px 2px 3px #2d2d2d;
-webkit-box-shadow: 2px 2px 3px #2d2d2d;
box-shadow: 2px 2px 3px #2d2d2d;
}





TEXTAREA {
font-family: Trebuchet ms;
color: #e3e3e3;
font-size: 10px;
text-shadow: 1px 1px  #373737;
letter-spacing: 1px;
line-height: 13px;
background-image: url(http://300memories.pytalhost.at/layouts/layout39bg.png);
padding: 7px;
-moz-box-shadow: 2px 2px 3px #2d2d2d;
-webkit-box-shadow: 2px 2px 3px #2d2d2d;
box-shadow: 2px 2px 3px #2d2d2d;
width: 200px;
height: 90px;
border: 0px;
margin-bottom: 3px;
}

INPUT {
font-family: Trebuchet ms;
color: #e3e3e3;
font-size: 10px;
text-shadow: 1px 1px  #373737;
letter-spacing: 1px;
line-height: 13px;
background-image: url(http://300memories.pytalhost.at/layouts/layout39bg.png);
padding: 7px;
-moz-box-shadow: 2px 2px 3px #2d2d2d;
-webkit-box-shadow: 2px 2px 3px #2d2d2d;
box-shadow: 2px 2px 3px #2d2d2d;
border: 0px;
margin-bottom: 3px;
width: 120px;
height: 20px;
}

.seitenname {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: 0.2;
moz-opacity: 0.2;
font-family: Century Gothic;
text-transform: uppercase;
font-size: 40px;
color: #ffffff;
letter-spacing: 3px;
text-shadow: 1px 1px 2px #000000;
font-weight: lighter;

}


.inhaltetable { width: 100%;
}




                                                               -->
</style>
</head>

<body style="background-image: url('http://300memories.pytalhost.at/layouts/layout39bg.png'); background-attachment: fixed;">
<img src="http://300memories.pytalhost.at/layouts/layout39.png" border="0" usemap="#map">




<div style="overflow: visible; position: absolute; width: 477; left: 185; top: 485; background-color: #5b5b5b; padding: 4px; border: 1px solid #373737; -moz-box-shadow: 2px 2px 3px #2d2d2d;
-webkit-box-shadow: 2px 2px 3px #2d2d2d;
box-shadow: 2px 2px 3px #2d2d2d;">
{PLACE_CONTENT}
</div>


<div style="overflow: visible; position: absolute;  width: 171; left: 683; top: 485;">
<div class="box2">
<p class="h1">Mainmenue</p>
<a href="http://deineSeite/" class="navi"><b>001.</b> Home</a>
<a href="http://deineSeite/" class="navi"><b>002.</b> Webmiss</a>
<a href="http://deineSeite/" class="navi"><b>003.</b> About the Site</a>
<a href="http://deineSeite/" class="navi"><b>004.</b> Affiliates</a>
<a href="http://deineSeite/" class="navi"><b>005.</b> Link me</a>
<a href="http://deineSeite/" class="navi"><b>006.</b> Goodbye</a>
</div>

<br>

<div class="box2">
<p class="h1">Stufflounge</p>
<a href="http://deineSeite/" class="navi">Layouts</a>
<a href="http://deineSeite/" class="navi">Icons</a>
<a href="http://deineSeite/" class="navi">Tutorials</a>
<a href="http://deineSeite/" class="navi">Icons</a>
<a href="http://deineSeite/" class="navi">Bases</a>
<a href="http://deineSeite/" class="navi">Contests</a>
</div>

<br>

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


<div style="overflow: visible; position: absolute;  width: 670; left: 173; top: 5;">
<center>
<div class="seitenname">Site-name</div>
</center>
</div>

</body>
</html>

HPBK-Code:
<div id="b">
<div id="Mein_Bild"></div>

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



<div id="navibox">
<div class="box2">
<p class="h1">Mainmenue</p>
<a href="http://deineSeite/" class="navi"><b>001.</b> Home</a>
<a href="http://deineSeite/" class="navi"><b>002.</b> Webmiss</a>
<a href="http://deineSeite/" class="navi"><b>003.</b> About the Site</a>
<a href="http://deineSeite/" class="navi"><b>004.</b> Affiliates</a>
<a href="http://deineSeite/" class="navi"><b>005.</b> Link me</a>
<a href="http://deineSeite/" class="navi"><b>006.</b> Goodbye</a>
</div>

<br>

<div class="box2">
<p class="h1">Stufflounge</p>
<a href="http://deineSeite/" class="navi">Layouts</a>
<a href="http://deineSeite/" class="navi">Icons</a>
<a href="http://deineSeite/" class="navi">Tutorials</a>
<a href="http://deineSeite/" class="navi">Icons</a>
<a href="http://deineSeite/" class="navi">Bases</a>
<a href="http://deineSeite/" class="navi">Contests</a>
</div>

<br>

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

</div>


<div id="seitenname">
<center>
<div class="seitenname">seitenname.de.tc</div>
</center>
</div>
CSS-Code ohne Style-Tags:
a:link {
color: #e3e3e3;
text-decoration:none;

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


}

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


}
a:hover {color: #ffffff;


}


::-moz-selection{
background: #ffffff;
color: #7e7e7e; }




A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: Trebuchet ms;
font-weight: lighter;
font-size: 10px;
letter-spacing: 1px;
text-align: left;
padding-left: 7px;
color: #9b9b9b;
border-bottom: 1px solid #131313;
border-top: 1px solid #373737;
line-height: 15px;
text-transform: uppercase;
background-color: #202020;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;


}


A.navi:hover {
display: block;
cursor: crosshair;
background-color: #2b2b2b;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}







b, strong{
   color: #cacfee;





}

i, em{
   color:#a0a6cc;

}

u{
  color: #000000;
  text-decoration: none;
border-bottom: 1px solid #cacfee;
letter-spacing: 2px;

}


s, strike{
   color:#707070;
}


font {
font-family: Trebuchet ms;
color: #e3e3e3;
font-size: 10px;
text-shadow: 1px 1px  #373737;
letter-spacing: 1px;
line-height: 13px;
}





.h1{
display: block;
font-family: Georgia;
font-size: 14px;
font-weight: lighter;
font-style: italic;
background-color: #414141;
color: #dadced;
padding-left: 12px;
border-bottom: 1px solid #464a66;
line-height: 17px;
text-align: left;
margin-bottom: 2px;
letter-spacing: -1px;
text-shadow: 1px 1px #000000;
box-shadow: 0px 1px 0px 0px #3f4045;
}









* { margin: 0; padding: 0; }


.box {
background-image: url(http://300memories.pytalhost.at/layouts/layout39bg.png);
padding: 7px;
-moz-box-shadow: 2px 2px 3px #2d2d2d;
-webkit-box-shadow: 2px 2px 3px #2d2d2d;
box-shadow: 2px 2px 3px #2d2d2d;
font-family: Trebuchet ms;
font-size: 10px;
color: #ffffff;
width: 70%;
text-shadow: 1px 1px #1e1f27;
margin-bottom: 3px;

}


.box2 {
background-color: #5b5b5b; padding: 4px; border: 1px solid #373737; -moz-box-shadow: 2px 2px 3px #2d2d2d;
-webkit-box-shadow: 2px 2px 3px #2d2d2d;
box-shadow: 2px 2px 3px #2d2d2d;
}





TEXTAREA {
font-family: Trebuchet ms;
color: #e3e3e3;
font-size: 10px;
text-shadow: 1px 1px  #373737;
letter-spacing: 1px;
line-height: 13px;
background-image: url(http://300memories.pytalhost.at/layouts/layout39bg.png);
padding: 7px;
-moz-box-shadow: 2px 2px 3px #2d2d2d;
-webkit-box-shadow: 2px 2px 3px #2d2d2d;
box-shadow: 2px 2px 3px #2d2d2d;
width: 200px;
height: 90px;
border: 0px;
margin-bottom: 3px;
}

INPUT {
font-family: Trebuchet ms;
color: #e3e3e3;
font-size: 10px;
text-shadow: 1px 1px  #373737;
letter-spacing: 1px;
line-height: 13px;
background-image: url(http://300memories.pytalhost.at/layouts/layout39bg.png);
padding: 7px;
-moz-box-shadow: 2px 2px 3px #2d2d2d;
-webkit-box-shadow: 2px 2px 3px #2d2d2d;
box-shadow: 2px 2px 3px #2d2d2d;
border: 0px;
margin-bottom: 3px;
width: 120px;
height: 20px;
}

.seitenname {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity=20);
opacity: 0.2;
moz-opacity: 0.2;
font-family: Century Gothic;
text-transform: uppercase;
font-size: 40px;
color: #ffffff;
letter-spacing: 3px;
text-shadow: 1px 1px 2px #000000;
font-weight: lighter;

}


}
#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-x: hidden;
background-image: url('http://300memories.pytalhost.at/layouts/layout39bg.png');
background-attachment: fixed;

}

*{ padding: 0; margin: 0; }


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

#content {
position: absolute;
width: 477px;
left: 185px;
top: 585px;
background-color: #5b5b5b;
padding: 4px; border: 1px solid #373737;
-moz-box-shadow: 2px 2px 3px #2d2d2d;
-webkit-box-shadow: 2px 2px 3px #2d2d2d;
box-shadow: 2px 2px 3px #2d2d2d;
font-family: Trebuchet ms;
color: #e3e3e3;
font-size: 10px;
text-shadow: 1px 1px  #373737;
letter-spacing: 1px;
line-height: 13px;}



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


#seitenname{
position: absolute;
width: 670px; left: 173px; top: 105px;
overflow:auto;}


#navibox{
position: absolute;
width: 171px; left: 683px; top: 585px;
overflow:auto;}


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