300Mem: Layout 55
Myblog-Code:
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Contrail+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
<style type="text/css">
<!--
body {
cursor:url('http://un0heard.funpic.de/Bilder/Cursor/1schwarz.cur');
overflow-x: hidden;
}
a:link {
color: #1a1a1a;
text-decoration:none;
}
a:visited {color: #1a1a1a;
text-decoration:none;
}
a:active {color: #1a1a1a;
text-decoration:none;
}
a:hover {color: #737373;
}
A.navi:link, A.navi:active, A.navi:visited {
text-align: left;
font-family: 'Archivo Narrow', sans-serif;
font-size: 13px;
letter-spacing: 0px;
display: block;
color: #222222;
line-height: 27px;
margin-top: 1px;
padding-left: 17px;
background-color: #ffffff;
border-bottom: 2px solid #cfcfcf;
border-right: 2px solid #cfcfcf;
background: -moz-linear-gradient(top, rgba(137,137,137,0.38) 0%, rgba(137,137,137,0.38) 1%, rgba(232,232,232,0.14) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,137,137,0.38)), color-stop(1%,rgba(137,137,137,0.38)), color-stop(99%,rgba(232,232,232,0.14))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(137,137,137,0.38) 0%,rgba(137,137,137,0.38) 1%,rgba(232,232,232,0.14) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(137,137,137,0.38) 0%,rgba(137,137,137,0.38) 1%,rgba(232,232,232,0.14) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(137,137,137,0.38) 0%,rgba(137,137,137,0.38) 1%,rgba(232,232,232,0.14) 99%); /* IE10+ */
background: linear-gradient(to bottom, rgba(137,137,137,0.38) 0%,rgba(137,137,137,0.38) 1%,rgba(232,232,232,0.14) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61898989', endColorstr='#24e8e8e8',GradientType=0 ); /* IE6-9 */
}
A.navi:hover {
background-color: #d2e7d3;
}
A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
font-family: Arial;
font-weight: bold;
font-size: 9px;
margin-bottom: 1px;
background-color: #cfcfcf;
border-left: 1px solid #969696;
border-bottom: 1px solid #969696;
text-transform: uppercase;
color: #252525;
text-align: left;
line-height: 17px;
letter-spacing: 1px;
padding-left: 7px;
text-shadow: #c9c9c9 1px 1px 1px;
}
A.navi2:hover {
display: block;
background-color: #c2c2c2;;
}
b, strong{
color: #85bc87;
}
i, em{
color:#565656;
}
u{
color: #000000;
text-decoration: underline;
}
s, strike{
color:#85bc87;
}
font {
color: #5f5f5f;
letter-spacing: 0.5px;
font-family: Segoe UI;
text-align: justicy;
font-size: 11px;
line-height: 16px;
text-shadow: 1px 1px #f3f3f3;
}
.h1{
display: block;
font-family: 'Contrail One', cursive;
color: #87ba89;
font-size: 17px;
line-height: 25px;
text-align: center;
letter-spacing: 1px;
margin-bottom: 2px;
text-transform: uppercase;
border-bottom: 1px dashed #bbbcbc;
background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.h2{
display: block;
font-family: 'Archivo Narrow', sans-serif;
color: #242424;
font-size: 12px;
line-height: 16px;
text-align: left;
margin: 2px;
letter-spacing: 5px;
padding-left: 7px;
text-transform: uppercase;
}
* { margin: 0; padding: 0; }
.box {
-moz-box-shadow: 0px 0px 15px #c2bac7;
-webkit-box-shadow: 0px 0px 15px #c2bac7;
box-shadow: 0px 0px 15px #c2bac7;
padding: 8px;
text-align: left;
margin-bottom: -25px;
background-image: url('http://300memories.pytalhost.at/layouts/naviinbox20.png');
width: 75%;
color: #212121;
letter-spacing: 1px;
font-family: Georgia;
text-align: justify;
font-style: italic;
font-size: 10px;
text-shadow: 1px 1px #ececec;
margin: 8px;
}
TEXTAREA {
margin-bottom: 10px;
padding-left: 3px;
background-color: #f0f0f0;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
width: 75%;
color: #646464;
letter-spacing: 0px;
font-family: Calibri;
text-align: justify;
font-size: 11px;
width: 300px;
height: 110px;
border: 0px;
}
INPUT {
margin-bottom: 10px;
padding-left: 3px;
background-color: #f0f0f0;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
color: #646464;
font-family: Calibri;
text-align: justify;
font-size: 10px;
width: 120px;
height: 20px;
}
.header {
-moz-box-shadow: 0px 0px 15px #c2bac7;
-webkit-box-shadow: 0px 0px 15px #c2bac7;
box-shadow: 0px 0px 15px #c2bac7;
padding: 8px;
text-align: left;
margin-bottom: -25px;
background-image: url('http://300memories.pytalhost.at/layouts/naviinbox20.png');
}
-->
</style>
</head>
<body style="background-color: #000000; background-image: url('http://300memories.pytalhost.at/layouts/layout55bg.png');">
<img src="http://300memories.pytalhost.at/layouts/layout55.png" style="position: absolute; top: 0; left:0;"usemap="#map" border="0">
<div style="position: absolute; top: 453px; left: 295px; width: 646px;">
<div class="header">
{PLACE_CONTENT}
</div>
</div>
<div style="position: absolute; top: 62px; left: 775px; width: 164px;">
<p class="h1">Welcome</p>
<font>Hier kannst du einen kurzen Willkommenstext oder einen Text an deine Besucher verfassen.
Hier kannst du einen kurzen Willkommenstext oder einen Text an deine Besucher verfassen.
Hier kannst du einen kurzen Willkommenstext oder einen Text an deine Besucher verfassen.</font><br>
<br>
<p class="h1">Latest Updates</p>
<font>+2 Header<br>
+1 Layout<br>
+3 Icons<br>
+2 Tutorials</font>
</div>
<div style="position: absolute; top: 453px; left: 83px; width: 203px;">
<div class="header">
<p class="h1"> Mainmenue </p>
<table width="100%"></tr>
<td width="50%">
<a href="http://deineSeite.de/" class="navi">Refresh</a>
<a href="http://deineSeite.de/" class="navi">Domain</a>
<a href="http://deineSeite.de/" class="navi">Webmiss</a>
<a href="http://deineSeite.de/" class="navi">Guestbook</a>
</td><td width="50%">
<a href="http://deineSeite.de/" class="navi">Affiliates</a>
<a href="http://deineSeite.de/" class="navi">Buttons</a>
<a href="http://deineSeite.de/" class="navi">Credits</a>
<a href="http://deineSeite.de/" class="navi">Ask Me</a>
</td></tr></table>
</div><br>
<br>
<div class="header">
<p class="h1"> Lounge </p>
<p class="h2">Graphics</p>
<table width="100%"></tr>
<td width="50%">
<a href="http://deineSeite.de/" class="navi2">Layouts</a>
<a href="http://deineSeite.de/" class="navi2">Header</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">Signatures</a>
</td></tr></table>
<br>
<p class="h2">Tutorials</p>
<table width="100%"></tr>
<td width="50%">
<a href="http://deineSeite.de/" class="navi2">HTML</a>
<a href="http://deineSeite.de/" class="navi2">CSS</a>
<a href="http://deineSeite.de/" class="navi2">PHP</a>
</td><td width="50%">
<a href="http://deineSeite.de/" class="navi2">GIMP</a>
<a href="http://deineSeite.de/" class="navi2">Photoshop</a>
<a href="http://deineSeite.de/" class="navi2">Photoscape</a>
</td></tr></table>
<br>
<p class="h2">Reviews</p>
<table width="100%"></tr>
<td width="50%">
<a href="http://deineSeite.de/" class="navi2">Filme</a>
<a href="http://deineSeite.de/" class="navi2">Websites</a>
</td><td width="50%">
<a href="http://deineSeite.de/" class="navi2">Bücher</a>
<a href="http://deineSeite.de/" class="navi2">Kosmetik</a>
</td></tr></table>
</div><br>
</div>
</body>
</html>
HPBK-Code.
Text über dem Design
<div id="b">
<div id="Mein_Bild"></div>
<link href='http://fonts.googleapis.com/css?family=Contrail+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'>
<div id="head"><img src="http://300memories.pytalhost.at/layouts/layout55.png" usemap="#map" border="0">
</div>
<div id="navi">
<div class="box2">
<p class="h1"> Mainmenue </p>
<table width="100%"></tr>
<td width="50%">
<a href="http://deineSeite.de/" class="navi">Refresh</a>
<a href="http://deineSeite.de/" class="navi">Domain</a>
<a href="http://deineSeite.de/" class="navi">Webmiss</a>
<a href="http://deineSeite.de/" class="navi">Guestbook</a>
</td><td width="50%">
<a href="http://deineSeite.de/" class="navi">Affiliates</a>
<a href="http://deineSeite.de/" class="navi">Buttons</a>
<a href="http://deineSeite.de/" class="navi">Credits</a>
<a href="http://deineSeite.de/" class="navi">Ask Me</a>
</td></tr></table>
</div><br>
<br>
<div class="box2">
<p class="h1"> Lounge </p>
<p class="h2">Graphics</p>
<table width="100%"></tr>
<td width="50%">
<a href="http://deineSeite.de/" class="navi2">Layouts</a>
<a href="http://deineSeite.de/" class="navi2">Header</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">Signatures</a>
</td></tr></table>
<br>
<p class="h2">Tutorials</p>
<table width="100%"></tr>
<td width="50%">
<a href="http://deineSeite.de/" class="navi2">HTML</a>
<a href="http://deineSeite.de/" class="navi2">CSS</a>
<a href="http://deineSeite.de/" class="navi2">PHP</a>
</td><td width="50%">
<a href="http://deineSeite.de/" class="navi2">GIMP</a>
<a href="http://deineSeite.de/" class="navi2">Photoshop</a>
<a href="http://deineSeite.de/" class="navi2">Photoscape</a>
</td></tr></table>
<br>
<p class="h2">Reviews</p>
<table width="100%"></tr>
<td width="50%">
<a href="http://deineSeite.de/" class="navi2">Filme</a>
<a href="http://deineSeite.de/" class="navi2">Websites</a>
</td><td width="50%">
<a href="http://deineSeite.de/" class="navi2">Bücher</a>
<a href="http://deineSeite.de/" class="navi2">Kosmetik</a>
</td></tr></table>
</div>
</div>
<div id="welcome">
<p class="h1">Welcome</p>
Hier kannst du einen kurzen Willkommenstext oder einen Text an deine Besucher verfassen.
Hier kannst du einen kurzen Willkommenstext oder einen Text an deine Besucher verfassen.
Hier kannst du einen kurzen Willkommenstext oder einen Text an deine Besucher verfassen.</font><br>
<br>
<p class="h1">Latest Updates</p>
<font>+2 Header<br>
+1 Layout<br>
+3 Icons<br>
+2 Tutorials
</div>
CSS-Code ohne Style-Tags:
body {
cursor:url('http://un0heard.funpic.de/Bilder/Cursor/1schwarz.cur');
overflow-x: hidden;
}
a:link {
color: #1a1a1a;
text-decoration:none;
}
a:visited {color: #1a1a1a;
text-decoration:none;
}
a:active {color: #1a1a1a;
text-decoration:none;
}
a:hover {color: #737373;
}
A.navi:link, A.navi:active, A.navi:visited {
text-align: left;
font-family: 'Archivo Narrow', sans-serif;
font-size: 13px;
letter-spacing: 0px;
display: block;
color: #222222;
line-height: 27px;
margin-top: 1px;
padding-left: 17px;
background-color: #ffffff;
border-bottom: 2px solid #cfcfcf;
border-right: 2px solid #cfcfcf;
background: -moz-linear-gradient(top, rgba(137,137,137,0.38) 0%, rgba(137,137,137,0.38) 1%, rgba(232,232,232,0.14) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,137,137,0.38)), color-stop(1%,rgba(137,137,137,0.38)), color-stop(99%,rgba(232,232,232,0.14))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(137,137,137,0.38) 0%,rgba(137,137,137,0.38) 1%,rgba(232,232,232,0.14) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(137,137,137,0.38) 0%,rgba(137,137,137,0.38) 1%,rgba(232,232,232,0.14) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(137,137,137,0.38) 0%,rgba(137,137,137,0.38) 1%,rgba(232,232,232,0.14) 99%); /* IE10+ */
background: linear-gradient(to bottom, rgba(137,137,137,0.38) 0%,rgba(137,137,137,0.38) 1%,rgba(232,232,232,0.14) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61898989', endColorstr='#24e8e8e8',GradientType=0 ); /* IE6-9 */
}
A.navi:hover {
background-color: #d2e7d3;
}
A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
font-family: Arial;
font-weight: bold;
font-size: 9px;
margin-bottom: 1px;
background-color: #cfcfcf;
border-left: 1px solid #969696;
border-bottom: 1px solid #969696;
text-transform: uppercase;
color: #252525;
text-align: left;
line-height: 17px;
letter-spacing: 1px;
padding-left: 7px;
text-shadow: #c9c9c9 1px 1px 1px;
}
A.navi2:hover {
display: block;
background-color: #c2c2c2;;
}
b, strong{
color: #85bc87;
}
i, em{
color:#565656;
}
u{
color: #000000;
text-decoration: underline;
}
s, strike{
color:#85bc87;
}
font {
color: #5f5f5f;
letter-spacing: 0.5px;
font-family: Segoe UI;
text-align: justicy;
font-size: 11px;
line-height: 16px;
text-shadow: 1px 1px #f3f3f3;
}
.h1{
display: block;
font-family: 'Contrail One', cursive;
color: #87ba89;
font-size: 17px;
line-height: 25px;
text-align: center;
letter-spacing: 1px;
margin-bottom: 2px;
text-transform: uppercase;
border-bottom: 1px dashed #bbbcbc;
background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.h2{
display: block;
font-family: 'Archivo Narrow', sans-serif;
color: #242424;
font-size: 12px;
line-height: 16px;
text-align: left;
margin: 2px;
letter-spacing: 5px;
padding-left: 7px;
text-transform: uppercase;
}
* { margin: 0; padding: 0; }
.box {
-moz-box-shadow: 0px 0px 15px #c2bac7;
-webkit-box-shadow: 0px 0px 15px #c2bac7;
box-shadow: 0px 0px 15px #c2bac7;
padding: 8px;
text-align: left;
margin-bottom: -25px;
background-image: url('http://300memories.pytalhost.at/layouts/naviinbox20.png');
width: 75%;
color: #212121;
letter-spacing: 1px;
font-family: Georgia;
text-align: justify;
font-style: italic;
font-size: 10px;
text-shadow: 1px 1px #ececec;
margin: 8px;
}
TEXTAREA {
margin-bottom: 10px;
padding-left: 3px;
background-color: #f0f0f0;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
width: 75%;
color: #646464;
letter-spacing: 0px;
font-family: Calibri;
text-align: justify;
font-size: 11px;
width: 300px;
height: 110px;
border: 0px;
}
INPUT {
margin-bottom: 10px;
padding-left: 3px;
background-color: #f0f0f0;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
color: #646464;
font-family: Calibri;
text-align: justify;
font-size: 10px;
width: 120px;
height: 20px;
}
.box2 {
-moz-box-shadow: 0px 0px 15px #c2bac7;
-webkit-box-shadow: 0px 0px 15px #c2bac7;
box-shadow: 0px 0px 15px #c2bac7;
padding: 8px;
text-align: left;
margin-bottom: -25px;
background-image: url('http://300memories.pytalhost.at/layouts/naviinbox20.png');
}
#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/layout55bg.png');
}
*{ padding: 0; margin: 0; }
#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1024px;
height:768px;
border:0px;}
#content {
-moz-box-shadow: 0px 0px 15px #c2bac7;
-webkit-box-shadow: 0px 0px 15px #c2bac7;
box-shadow: 0px 0px 15px #c2bac7;
padding: 8px;
text-align: left;
margin-bottom: -25px;
background-image: url('http://300memories.pytalhost.at/layouts/naviinbox20.png');
position: absolute;
overflow-x: hidden;
top: 553px; left: 295px; width: 630px;
overflow: auto;
color: #5f5f5f;
letter-spacing: 0.5px;
font-family: Segoe UI;
text-align: justicy;
font-size: 11px;
line-height: 16px;
text-shadow: 1px 1px #f3f3f3;
}
#b {
background-repeat: repeat-x;
height: 100px;
background: url('http://i52.tinypic.com/53wgag.jpg'); }
#head{
position: absolute;
left:0px;
top:100px;
border: 0px solid #ffffff;
overflow:auto;}
#navi{
position: absolute;
top: 553px; left: 83px; width: 203px;
}
#welcome {
position: absolute;
top: 162px; left: 775px; width: 164px;
color: #5f5f5f;
letter-spacing: 0.5px;
font-family: Segoe UI;
text-align: justicy;
font-size: 11px;
line-height: 16px;
text-shadow: 1px 1px #f3f3f3;
}
