300Mem: Layout 21

Layout 21 view

Myblog Code:

<html>
<head>
<style type="text/css">

</style>
</head>

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

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

<div style="overflow: visible; position: absolute; width: 576; height: 360; left: 145; top: 530">
<div class="box2">
{PLACE_CONTENT}

<br>

<center>
<font>
<a href="http://300memories.pytalhost.at/">designer: 300memories</a> || <a href="http://fivepointsapart.blogspot.com/">pattern</a>
</font>
</center>
</div>
</div>

<div style="overflow: visible; position: absolute; width: 580; height: 50; left: 141; top: 508">
<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>
                                            ´

</body>
</html>{PLACE_POWEREDBY}

HPBK-Code:

Text über dem Design

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

<div id="header"><img src="http://300memories.pytalhost.at/layouts/layout21.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>

</div>

<div id="copyright">
<a href="http://300memories.pytalhost.at/">designer: 300memories</a> || <a href="http://fivepointsapart.blogspot.com/">pattern</a>
</div>

CSS-Code ohne Style-Tags

a:link {
color: #e56dae;
text-decoration:none;
font-style: italic;

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

}

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

}
a:hover {color: #e5bcd2;

}

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

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

#navigation a {
font-family: Georgia;
color: #6e6e6e;
font-size: 11px;
background-color: #eae6e0;
text-decoration: none;
padding: 8px 8px;
text-shadow: #f176c2 1px 1px 2px;
}

#navigation a:hover {
font-family: Georgia;
color: #f176c2;
font-size: 11px;
background-color: #eae6e0;
text-decoration: none;
padding: 8px 8px;
text-shadow: #c9c9c9 1px 1px 2px;
}

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

}

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

u{
color: #a7a092;
text-decoration: none;
border-bottom: 3px double #606060;

}

s, strike{
   color:#606060;
}

font {
color: #707070;
font-family: Georgia;
font-size: 10px;

}

.h1{
display: block;
font-family: Georgia;
font-style: italic;
font-size: 20px;
margin-bottom: 1px;
line-height: 20px;
border-bottom: 1px dotted #000000;
color: #f493b6;
text-align: left;
padding-left: 17px;
margin-top: 0px;
letter-spacing: 0.5px;
}

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

*{ padding: 0; margin: 0; }

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

#content {
position: absolute;
width: 576px;
left: 145px;
top: 630px;
color: #707070;
font-family: Georgia;
font-size: 10px;
overflow:visible;
background-color: #eae6e0;
}

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

#navibox{
position: absolute;
width: 580px;
height: 50px;
left: 141px;
top: 608px;
color: #707070;
font-family: Georgia;
font-size: 10px;
border-left: 0px solid #d3d3d3;
overflow:auto;}

.box {
background-color: #e3d8c9;
padding: 5px;
color: #3c3935;

}

#copyright{
color: #ffffff;
font-family: Georgia;
font-size: 10px;
position: absolute;
width: 300px;
height: 50px;
left: 750px;
top: 10px;

}

Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?

Gratis anmelden