300Mem: Layout 20

Layout 20 view

Myblog-Code:

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

</style>
</head>

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

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





<area shape="circle" coords="871,466,81" href="http://NEWS.de" />
</map>

<div style="overflow: visible; position: absolute; width: 605; height: 360; left: 91; top: 520">
<div class="box2">
{PLACE_CONTENT}
</div>
</div>

<div style="overflow: visible; position: absolute; width: 228; height: 360; left: 700; top: 566">
<div class="box3">
<p class=h1>Mainmenue</p>
<a href=http://deineSeite.de/ class=navi> Refresh</a>
<a href=http://deineSeite.de/ class=navi> Webmiss</a>
<a href=http://deineSeite.de/ class=navi> Domain</a>
<a href=http://deineSeite.de/ class=navi> Exit</a>
</div>

<br>

<div class="box3">
<p class=h1>Stuff</p>
<center>
<table width="95%"></tr>
<td width="50%">
<a href=http://deineSeite.de/ class=navi2>Layouts</a>
<a href=http://deineSeite.de/ class=navi2>Headers</a>
<a href=http://deineSeite.de/ class=navi2>Icons</a>
</td><td width="50%">
<a href=http://deineSeite.de/ class=navi2>Bases</a>
<a href=http://deineSeite.de/ class=navi2>Pixel</a>
<a href=http://deineSeite.de/ class=navi2>PNG's</a>
</td></tr></table>
</center>
</div>

<br>

<div class="box3">
<p class=h1>Contestarea</p>
<center>
<table width="95%"></tr>
<td width="50%">
<a href=http://deineSeite.de/ class=navi2>Icon</a>
<a href=http://deineSeite.de/ class=navi2>SOTM</a>
</td><td width="50%">
<a href=http://deineSeite.de/ class=navi2>Retouch</a>
<a href=http://deineSeite.de/ class=navi2>Winners</a>
</td></tr></table>
</center>
</div>

<br>

<div class="box3">
<p class=h1>Credits</p>
<a href=http://300memories.pytalhost.at/ class=navi>Designer</a>
<font>
<center>
<a href="http://n-dobrev.net/">Pictures</a><br>
<a href="http://4seasons.deviantart.com/">Orb</a>
</center>
</font>
</div>
</div>

<div style="overflow: visible; position: absolute; width: 270; height: 80; left: 650; top: 150">
<div class="box3">
<p class="h1">Welcome</p>
<font>Herzlich Willkommen auf yoursite.de.tc, meiner kleinen Graphic-page im großen WWW.
Schaut euch einfach mal in Ruhe um. Über Feedback freue ich mich natürlich immer
Hinterlass' mir einfach einen Kommentar (: lG, Webmiss. </font></div><br>
<center>
<ul id="navigation">
<li><a href="http://URL TEXTSEITE">Guestbook</a></li>
<li><a href="http://URL TEXTSEITE">Affiliates</a></li>
<li><a href="http://URL TEXTSEITE">Link me</a></li>
</ul>
</center><br>
<div class="box3">
<p class="h1">Cuties</p>
<center>
<ul id="navigation">
<li><a href="http://URL TEXTSEITE">Name </a></li>
<li><a href="http://URL TEXTSEITE">Name</a></li>
<li><a href="http://URL TEXTSEITE">Name</a></li>
<li><a href="http://URL TEXTSEITE">Name</a></li>
<li><a href="http://URL TEXTSEITE">Name</a></li>
</ul>
</center>
</div><br>

</div>

<div style="overflow: visible; position: absolute; width: 340; height: 40; left: 189; top: 442">
<center>
<div class="seitenname">examplepage.de.tc</div>
</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/layout20.png" usemap="#map" border="0"></img></div>
<map name="map">





<area shape="circle" coords="871,466,81" href="http://NEWS.de" />
</map>

<div id="navibox">
<p class=h1>Mainmenue</p>
<a href=http://deineSeite.de/ class=navi> Refresh</a>
<a href=http://deineSeite.de/ class=navi> Webmiss</a>
<a href=http://deineSeite.de/ class=navi> Domain</a>
<a href=http://deineSeite.de/ class=navi> Exit</a>

<br>

<p class=h1>Stuff</p>
<center>
<table width="95%"></tr>
<td width="50%">
<a href=http://deineSeite.de/ class=navi2>Layouts</a>
<a href=http://deineSeite.de/ class=navi2>Headers</a>
<a href=http://deineSeite.de/ class=navi2>Icons</a>
</td><td width="50%">
<a href=http://deineSeite.de/ class=navi2>Bases</a>
<a href=http://deineSeite.de/ class=navi2>Pixel</a>
<a href=http://deineSeite.de/ class=navi2>PNG's</a>
</td></tr></table>
</center>

<br>

<p class=h1>Contestarea</p>
<center>
<table width="95%"></tr>
<td width="50%">
<a href=http://deineSeite.de/ class=navi2>Icon</a>
<a href=http://deineSeite.de/ class=navi2>SOTM</a>
</td><td width="50%">
<a href=http://deineSeite.de/ class=navi2>Retouch</a>
<a href=http://deineSeite.de/ class=navi2>Winners</a>
</td></tr></table>
</center>

<br>

<p class=h1>Credits</p>
<a href=http://300memories.pytalhost.at/ class=navi>Designer</a>
<font>
<center>
<a href="http://n-dobrev.net/">Pictures</a><br>
<a href="http://4seasons.deviantart.com/">Orb</a>
</center>
</font>

</div>

<div id="navibox2">
<div class="box3">
<p class="h1">Welcome</p>
<font>Herzlich Willkommen auf yoursite.de.tc, meiner kleinen Graphic-page im großen WWW.
Schaut euch einfach mal in Ruhe um. Über Feedback freue ich mich natürlich immer
Hinterlass' mir einfach einen Kommentar (: lG, Webmiss. </font></div><br>
<center>
<ul id="navigation">
<li><a href="http://URL TEXTSEITE">Guestbook</a></li>
<li><a href="http://URL TEXTSEITE">Affiliates</a></li>
<li><a href="http://URL TEXTSEITE">Link me</a></li>
</ul>
</center><br>
<div class="box3">
<p class="h1">Cuties</p>
<center>
<ul id="navigation">
<li><a href="http://URL TEXTSEITE">Name </a></li>
<li><a href="http://URL TEXTSEITE">Name</a></li>
<li><a href="http://URL TEXTSEITE">Name</a></li>
<li><a href="http://URL TEXTSEITE">Name</a></li>
<li><a href="http://URL TEXTSEITE">Name</a></li>
</ul>
</center>
</div><br>
</div>

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

CSS-Code ohne Style-Tags

.h1 {
display: block;
font-family: Tahoma;
font-weight: bold;
font-size: 15px;
margin-bottom: 1px;
line-height: 23px;
border-bottom: 1px dotted #888888;
color: #888888;
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;}

a:link {
color: #6c6c6c;
text-decoration:none;

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

}

a:active {color: #6c6c6c;
text-decoration:none;

}
a:hover {color: #00319b;

}

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

}

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

u{
color: #727272;
text-decoration: none;
border-bottom: 1px dotted #00319b;

}

s, strike{
   color:#373737;
}

font {
color: #757575;
line-height: 12px;
font-family: Tahoma;
font-size: 10px;
letter-spacing: 1px;

}

body {
overflow-x: hidden;
background-image: url('http://300memories.pytalhost.at/layouts/layout20bg.png')
}

*{ padding: 0; margin: 0; }

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

#content {
position: absolute;
width: 605px;
top: 620px;
background-color: #ebebeb;
margin-left: 91px;
color: #757575;
line-height: 12px;
font-family: Tahoma;
font-size: 10px;
letter-spacing: 1px;
text-align: justify;
overflow:auto;
}

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

#navibox{
position: absolute;
left:700px;
top:666px;
color: #757575;
line-height: 12px;
font-family: Tahoma;
font-size: 10px;
letter-spacing: 1px;
border-left: 0px solid #d3d3d3;
width: 228px;
background: url('http://300memories.pytalhost.at/layouts/naviinbox20.png');
padding: 5px;
overflow:auto;}

::-moz-selection
{
color: #6c6ebc;
background-color: #;
text-shadow: #000000 1px 1px 1px;
}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
background: url('http://300memories.pytalhost.at/layouts/navi20.png');
border-bottom: 1px solid #b6b6b6;
text-align: center;
color: #9f9f9f;
line-height: 13px;
letter-spacing: 1.5px;
margin-bottom: 1px;
text-transform: uppercase;
font-family: Tahoma;
font-size: 10px;

}

A.navi:hover {
display: block;
background: url('http://300memories.pytalhost.at/layouts/navi20.png');
border-bottom: 1px solid #b6b6b6;
text-align: center;
color: #9f9f9f;
line-height: 13px;
letter-spacing: 1.5px;
margin-bottom: 1px;
text-transform: uppercase;
font-family: Tahoma;
font-size: 10px;
font-weight: bold;

}

A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
border-bottom: 1px solid #a7a7a7;
text-align: center;
color: #737373;
line-height: 11px;
letter-spacing: 1px;
margin-bottom: 1px;
text-transform: uppercase;
font-family: Tahoma;
font-size: 10px;

}

A.navi2:hover {
display: block;
border-bottom: 1px solid #a7a7a7;
text-align: center;
color: #9e9e9e;
line-height: 11px;
letter-spacing: 1px;
margin-bottom: 1px;
text-transform: uppercase;
font-family: Tahoma;
font-size: 10px;

}

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

#navigation a {
font-family: Tahoma;
color: #6e6e6e;
font-size: 10px;
TEXT-TRANSFORM: uppercase;
background: url('http://300memories.pytalhost.at/layouts/naviinbox20.png');
text-decoration: none;
padding: 2px 4px;
text-shadow: #c9c9c9 1px 1px 2px;
}

#navigation a:hover {
font-family: Tahoma;
color: #6e6e6e;
font-size: 10px;
TEXT-TRANSFORM: uppercase;
background-color: #ffffff;
text-decoration: none;
padding: 2px 4px;
text-shadow: #c9c9c9 1px 1px 2px;
}

#navibox2{
position: absolute;
left:650px;
top:250px;
color: #757575;
line-height: 12px;
font-family: Tahoma;
font-size: 10px;
letter-spacing: 1px;
border-left: 0px solid #d3d3d3;
width: 270px;
overflow:hidden; }

.box3 {
background: url('http://300memories.pytalhost.at/layouts/naviinbox20.png');
padding: 5px;
}

#seitenname{
color:#00319b;
font-family: Edwardian Script ITC;
font-size: 45px;
overflow: visible;
position: absolute;
width: 340px;
height: 40px;
left: 189px;
top: 542px;
}

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

Gratis anmelden