300Mem: Layout 29

Layout 29 view

Myblog-Code:

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

</style>
</head>

<body style="background: url('http://300memories.pytalhost.at/layouts/layout29bg.png');">

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

<div style="overflow: visible; position: absolute; width: 466; height: 360; left: 102; top: 464">
<div class="box2">
{PLACE_CONTENT}
</div>
</div>

<div style="overflow: visible; position: absolute; width: 232; height: 100; left: 570; top: 464">
<div class="box2">
<p class="h1">mainmenue</p>
<a href="http://deineSeite/" class="navi"><i>001.</i> Home</a>
<a href="http://deineSeite/" class="navi"><i>002.</i> Webmiss</a>
<a href="http://deineSeite/" class="navi"><i>003.</i> Domain</a>
<a href="http://deineSeite/" class="navi"><i>004.</i> Linkage</a>
<a href="http://deineSeite/" class="navi"><i>005.</i> Guestbook</a>
</div>

<br>

<div class="box2">
<p class="h1">Stuff</p>
<center>
<table width="98%"></tr>
<td width="50%">
<font size="+0">
<a href="http://deineSeite/" class="navi">Layouts</a>
<a href="http://deineSeite/" class="navi">Header</a>
<a href="http://deineSeite/" class="navi">Icons</a>
</font>
</td><td width="50%">
<font size="+0">
<a href="http://deineSeite/" class="navi">Bases</a>
<a href="http://deineSeite/" class="navi">Pixel</a>
<a href="http://deineSeite/" class="navi">Brushes</a>
</font>
</td></tr></table>
</center>
</div>

<br>

<div class="box2">
<p class="h1">Credits</p>
<a href="http://300memories.pytalhost.at//" class="navi"><i>006.</i>Designer</a>
<font>
<center>
<a href="http://browse.deviantart.com/?qh=§ion=&q=flower+texture#/d3e7vbr">Tex</a><a href="http://browse.deviantart.com/?qh=§ion=&q=flower+texture#/d3e7vbr">turen</a> || <a href="http://www.cassieverse.org/">Pics</a> || <a href="http://glambaby.de">Navi-Inspiration</a>
</center>
</font>
</div>
</div>

<div style="overflow: visible; position: absolute; width: 714; height: 100; left: 95; top: 20">
<center>
<p class="seitenname">examplepage.de.tc</p>
</center>
</div>

</body>
</html>

HPBK-Code:

Text über dem Design

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

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

<body style="background: url('http://300memories.pytalhost.at/layouts/layout29bg.png');">

<div id="navi">
<div class="box2">
<p class="h1">mainmenue</p>
<a href="http://deineSeite/" class="navi"><i>001.</i> Home</a>
<a href="http://deineSeite/" class="navi"><i>002.</i> Webmiss</a>
<a href="http://deineSeite/" class="navi"><i>003.</i> Domain</a>
<a href="http://deineSeite/" class="navi"><i>004.</i> Linkage</a>
<a href="http://deineSeite/" class="navi"><i>005.</i> Guestbook</a>
</div>

<br>

<div class="box2">
<p class="h1">Stuff</p>
<center>
<table width="98%"></tr>
<td width="50%">
<font size="+0">
<a href="http://deineSeite/" class="navi">Layouts</a>
<a href="http://deineSeite/" class="navi">Header</a>
<a href="http://deineSeite/" class="navi">Icons</a>
</font>
</td><td width="50%">
<font size="+0">
<a href="http://deineSeite/" class="navi">Bases</a>
<a href="http://deineSeite/" class="navi">Pixel</a>
<a href="http://deineSeite/" class="navi">Brushes</a>
</font>
</td></tr></table>
</center>
</div>

<br>

<div class="box2">
<p class="h1">Credits</p>
<a href="http://300memories.pytalhost.at//" class="navi"><i>006.</i>Designer</a>
<font>
<center>
<a href="http://browse.deviantart.com/?qh=§ion=&q=flower+texture#/d3e7vbr">Tex</a><a href="http://browse.deviantart.com/?qh=§ion=&q=flower+texture#/d3e7vbr">turen</a> || <a href="http://www.cassieverse.org/">Pics</a> || <a href="http://glambaby.de">Navi-Inspiration</a>
</center>
</font>
</div>
</div>

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

CSS-Code ohne Style-Tags

a:link {
color: #7b7b7b;
text-decoration:none;

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

}

a:active {color: #7b7b7b;
text-decoration:none;

}
a:hover {color: #9a9a9a;

}

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

a.navi:link, a.navi:active, a.navi:visited {
display: block;
background-color: #eeeeee;
border-top: 1px solid #f8f8f8;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #f8f8f8;
border-right: 1px solid #cccccc;
text-transform:uppercase;
letter-spacing: 2px;
color: #808080;
text-align: left;
padding-left: 3px;
line-height: 14px;
font-family:Trebuchet MS;
font-size: 10px;
}

a.navi:hover {
display: block;
background-color: #f7f7f7;
border-top: 1px solid #f8f8f8;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #f8f8f8;
border-right: 1px solid #cccccc;
text-transform:uppercase;
letter-spacing: 2px;
color: #808080;
text-align: left;
padding-left: 3px;
line-height: 14px;
font-family:Trebuchet MS;
font-size: 10px;
}

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

}

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

u{
color: #808080;
text-decoration: none;
border-bottom: 1px solid #574478;

}

s, strike{
   color:#707070;
}

font {
color: #959595;
font-family: trebuchet ms;
font-size: 10px;
letter-spacing: 0.5px;
}

.h1{
display: block;
background-color: #9f81c4;
border-top: 1px solid #ffffff;
border-bottom: 2px solid #8f79aa;
font-family: Trebuchet ms;
font-size: 13px;
line-height: 16px;
text-transform:uppercase;
marign-bottom: 2px;
text-align: left;
padding-left: 10px;
padding-top: 3px;
color: #FFFFFF;
letter-spacing: 1px;
}

* { margin: 0; padding: 0; }

.box {
background-color: #d3d3d3;
padding: 5px;
color: #737373;
width: 80%;

}

.box2 {
background-color: #f0f0f0;
border: 1px dotted #a7a7a7;
margin: 0px;
padding: 2px;

}

.seitenname {
color:#818181;
font-family: Edwardian Script ITC;
font-size: 52px;
text-shadow: #ffffff 1px 1px 2px;

}

TEXTAREA {
font-size: 10px;
font-family: Trebuchet ms;
letter-spacing: 1px;
Color: #585858;
width: 200px;
height: 90px;
background-color: #e3e3e3;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;
border-left: 1px solid #ffffff;
}

INPUT {
font-size: 10px;
font-family: Trebuchet ms;
letter-spacing: 1px;
Color: #585858;
background-color: #e3e3e3;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #c4c4c4;
border-right: 1px solid #c4c4c4;
border-left: 1px solid #ffffff;
width: 120px;
height: 20px;
}

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

#content {
position: absolute;
width: 460px;
left: 102px;
top: 564px;
color: #959595;
font-family: trebuchet ms;
font-size: 10px;
letter-spacing: 0.5px;
overflow:visible;
background-color: #eae6e0;
background-color: #f0f0f0;
border: 1px dotted #a7a7a7;
margin: 0px;
padding: 2px;
}

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

#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;}

#navi {
overflow: visible;
position: absolute;
width: 232px;
height: 100px;
left: 570px;
top: 564px;
}

#sitename {
overflow: visible;
position: absolute;
width: 714px;
height: 100px;
left: 95px;
top: 120px;
}

td[height="102"]{position:absolute; ;margin-left:83px;width:752px;}

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

Gratis anmelden