300Mem: Layout 38

Myblog-Code:

<html>
<head>

<style type="text/css">

</style>
</head>

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

<div style="overflow: visible; position: absolute; width: 572; left: 93; top: 215;">
{PLACE_CONTENT}
</div>

<div style="overflow: visible; position: absolute; width: 232; left: 675; top: 215;">
<p class="h1">Mainmenue</p>
<a href="http://deineSeite/" class="navi">Home</a>
<a href="http://deineSeite/" class="navi">Webmiss</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 me</a>
<a href="http://deineSeite/" class="navi">Goodbye</a>

<br>

<p class="h1">Stufflounge</p>
<table width="100%"></tr>
<td width="50%">
<a href="http://deineSeite/" class="navi2"><b>»</b> Layouts</a>
<a href="http://deineSeite/" class="navi2"><b>»</b> Icons</a>
<a href="http://deineSeite/" class="navi2"><b>»</b> Tutorials</a>
</td><td width="50%">
<a href="http://deineSeite/" class="navi2"><b>»</b> Icons</a>
<a href="http://deineSeite/" class="navi2"><b>»</b> Bases</a>
<a href="http://deineSeite/" class="navi2"><b>»</b> Contests</a>
</td></tr></table>

<br>

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

<div style="overflow: visible; position: absolute; width: 357; left: 126; top: 139;">
<div class="font2">Here you have enough space to wirte a welcome-message for your visitors.</div>
</div>

<div style="overflow: visible; position: absolute; width: 357; left: 521; top: 139;">
<div class="font2">Here you can write a short text about you</div>
</div>

<div style="overflow: visible; position: absolute; width: 670; left: 166; top: 40;">
<center>
<div class="seitenname">SITE-NAME</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/layout38.png" usemap="#map" border="0"></img></div>

<div id="navibox">
<p class="h1">Mainmenue</p>
<a href="http://deineSeite/" class="navi">Home</a>
<a href="http://deineSeite/" class="navi">Webmiss</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 me</a>
<a href="http://deineSeite/" class="navi">Goodbye</a>

<br>

<p class="h1">Stufflounge</p>
<table width="100%"></tr>
<td width="50%">
<a href="http://deineSeite/" class="navi2"><b>»</b> Layouts</a>
<a href="http://deineSeite/" class="navi2"><b>»</b> Icons</a>
<a href="http://deineSeite/" class="navi2"><b>»</b> Tutorials</a>
</td><td width="50%">
<a href="http://deineSeite/" class="navi2"><b>»</b> Icons</a>
<a href="http://deineSeite/" class="navi2"><b>»</b> Bases</a>
<a href="http://deineSeite/" class="navi2"><b>»</b> Contests</a>
</td></tr></table>

<br>

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

</div>

<div id="welcome">
<div class="font2">Hallo und herzlich Willkommen auf meiner kleinen Seite im großen WWW. Hier gib es einiges zu sehen, schau dich
einfach mal in Ruhe um. Ich freue mich über Feedback (:</div>
</div>

<div id="owner">
<div class="font2">Ich bin die XXXXX und bin XX Jahre alt. Ich wohn zurzeit in Berlin, habe aber vor umzuziehen. Ich habe 2 Geschwister die
jünger sind als ich. Lauter Blabla.. Ein Text über dich eben (x</div>
</div>

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

CSS-Code ohne Style-Tags

a:link {
color: #d0809d;
text-decoration:none;

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

}

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

}
a:hover {color: #d0809d;
font-weight: bold;

}

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

A.navi:link, A.navi:active, A.navi:visited {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
moz-opacity: 0.5;
display: block;
font-family: Tahoma;
font-weight: lighter;
font-size: 10px;
letter-spacing: 1px;
text-align: center;
padding-left: 7px;
color: #555555;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #e8e8e8;
line-height: 15px;
text-transform: uppercase;
background-color: #dbdbdb;

}

A.navi:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 1;
moz-opacity: 1;
display: block;
cursor: crosshair;
}

A.navi2:link, A.navi2:active, A.navi2:visited {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: 0.5;
moz-opacity: 0.5;
display: block;
font-family: Tahoma;
font-weight: lighter;
font-size: 10px;
letter-spacing: 1px;
text-align: left;
padding-left: 3px;
color: #555555;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #e8e8e8;
line-height: 15px;
text-transform: uppercase;
background-color: #dbdbdb;

}

A.navi2:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 1;
moz-opacity: 1;
display: block;
cursor: crosshair;
}

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

}

i, em{
   color:#e88faf;

}

u{
color: #4b4b4b;
text-decoration: none;
border-bottom: 1px dashed #d0809d;
letter-spacing: 2px;

}

s, strike{
   color:#707070;
}

font {
font-family: Verdana;
color: #7e7e7e;
font-size: 10px;
text-shadow: 1px 1px #ffffff;
letter-spacing: 0.5px;
}

.h1{
display: block;
font-family: Century Gothic;
font-size: 15px;
font-weight: bold;
color: #de7ba2;
padding-left: 12px;
border-bottom: 1px solid #d88daa;
line-height: 18px;
text-align: left;
margin-bottom: 2px;
letter-spacing: 2px;
text-transform: uppercase;
text-shadow: 1px 1px #ffffff;
box-shadow: 0px 1px 0px 0px #ffffff;
}

* { margin: 0; padding: 0; }

.box {
background-image: url(http://i44.tinypic.com/xqg6f4.png);
padding: 7px;
font-family: Verdana;
font-size: 10px;
color: #cf7e9b;
width: 70%;
box-shadow: 1px 1px 1px 1px #c5c5c5;
text-shadow: 1px 1px #ffffff;
margin-bottom: 3px;

}

.font2 {
color: #edccd8;
font-family: Verdana;
font-size: 10px;
text-shadow: 1px 1px #c76b8c;

}

TEXTAREA {
font-size: 10px;
font-family: Verdana;
color: #8d8d8d;
box-shadow: 1px 1px 1px 1px #c5c5c5;
text-shadow: 1px 1px #ffffff;
background-color: #e5e5e5;
width: 200px;
height: 90px;
border: 0px;
margin-bottom: 3px;
}

INPUT {
font-size: 10px;
font-family: Verdana;
color: #8d8d8d;
box-shadow: 1px 1px 1px 1px #c5c5c5;
text-shadow: 1px 1px #ffffff;
background-color: #e5e5e5;
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%;
}

}
#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/layout38bg.png');

}

*{ padding: 0; margin: 0; }

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

#content {
position: absolute;
width: 572px;
left: 93px;
top: 315px;
font-family: Verdana;
color: #7e7e7e;
font-size: 10px;
text-shadow: 1px 1px #ffffff;
letter-spacing: 0.5px; }

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

#navibox{
position: absolute;
width: 232px;
left: 675px;
top: 315px;
overflow:auto;}

#welcome {
position: absolute;
width: 357px;
left: 126px;
top: 239px;
}

#owner {
position: absolute;
width: 357px;
left: 521px;
top: 239px;
}

#seite {
position: absolute;
width: 670px;
left: 166px;
top: 140px;
}

#b {
background-repeat: repeat-x;
height: 100px;
background: url('http://i44.tinypic.com/xqg6f4.png'); }
}