testlayout-006

Home

Überschriften (Einfügen in euren Quelltext der jeweiligen Seite. )

Einfügen in "CSS-Code ohne Style Tags"

Code einfügen in "Text über dem Desgin"

<center><img  src=http://i46.tinypic.com/2hicw42.png"></center> <body background="http://i49.tinypic.com/ibystl.png">  <style type="text/css"></style>  <style>  #content { margin-bottom: 10px; padding-left: 7px; padding-top: 4px; background-color: #68b7a5; padding-bottom:40px; padding-right: 7px; width:682px; text-align: justify; background-color: #ffffff; border-top: 30px solid  #e8e8e8; color: #a6a6a6;			 font-family: tahoma; letter-spacing: 2px;		 font-size: 11px; text-decoration: none; position:absolute; left: 282px; top: 625px; height: ; }  a:link { color: #647F96;  text-decoration:none;   }  a:visited {color: #647F96; text-decoration:none;      } a:active {color: #647F96;  text-decoration:none;   }  a:hover {color: #4F6477;  cursor:default;   background-color: #CBD5DA;  }     .box { margin-bottom: 10px; padding-left: 7px; padding-top: 4px; background-color: #68b7a5; padding-bottom:40px; padding-right: 7px; width:230px; text-align: justify; background-color: #ffffff; border-top: 5px solid  #e8e8e8; color: #a6a6a6;			 font-family: tahoma; letter-spacing:0px;		 font-size: 11px; text-decoration:;  }  A.navi:link, A.navi:active, A.navi:visited { display: block; font-family: kalinga; font-size: 10px; background-color: #FFFFFF; margin: 2px; border-bottom: 2px solid #F1F1F1; border-left: 6px solid #F1F1F1;  border-top: 1px solid #F1F1F1;  border-right: 1px solid #F1F1F1; letter-spacing: 1px; padding: 3px; color: #b3b3b3; text-transform: uppercase; text-align: center; line-height: 14px;}  A.navi:hover { display: block; font-family: kalinga; font-size: 10px; background-color: #fec37d; padding: 3px; margin: 2px; border-bottom: 2px  solid #F1F1F1; border-left: 1px solid #F1F1F1;  border-right: 6px solid #F1F1F1;  border-top: 1px  solid #F1F1F1;  letter-spacing: 1px; text-align: center; color: #ffffff; letter-spacing: 2px; line-height: 14px;}   A.navi1:link, A.navi1:active, A.navi1:visited { display: block; font-family: kalinga; font-size: 10px; background-color: #FFFFFF; margin: 2px; border-bottom: 2px solid #F1F1F1; border-left: 6px solid #F1F1F1;  border-top: 1px solid #F1F1F1;  border-right: 1px solid #F1F1F1; letter-spacing: 1px; padding: 3px; color: #b3b3b3; text-transform: uppercase; text-align: center; line-height: 14px;}  A.navi1:hover { display: block; font-family: kalinga; font-size: 10px; background-color: #fb87a4; padding: 3px; margin: 2px; border-bottom: 2px  solid #F1F1F1; border-left: 1px solid #F1F1F1;  border-right: 6px solid #F1F1F1;  border-top: 1px  solid #F1F1F1;  letter-spacing: 1px; text-align: center; color: #ffffff; letter-spacing: 2px; line-height: 14px;}  font {				 color: #a6a6a6;			 font-family: tahoma; letter-spacing:-1px;		 font-size: 11px; text-decoration: bold;		 }   a:link { color: #cecece;  text-decoration:none;   }  a:visited {color: #cecece; text-decoration:none;      } a:active {color: #cecece;  text-decoration:none;   }  a:hover {color: #ffffff;  cursor:default;   background-color: #ffd295;}     b, strong{ font-Size: 12px;  color: #e13469;   font-family: arial;  letter-spacing: px;  text-decoration: bold;  line-height:5px;  filter:alpha(opacity=60);  -moz-opacity:.60; opacity:.60;}  i, em{ color:#f97c98; font-size: 12px; font-family: tahoma;	 }  u{ color: #f7995a; text-decoration:underline; font-size: 11px; font-family: tahoma;}  s{ color: #e13469; text-decoration: strike; font-size: 11px; font-family: tahoma;}   h1 { font-family: georgia; font-size: 12pt; color: #b3b3b3; text-transform:; line-height:25px; padding-left: 5px; margin-bottom: 1px; border-bottom: 2px dotted #b3b3b3; margin-top: 0px; text-align: left; font-weight: bold; letter-spacing: 0; }  h1:first-letter { font-family: Brush Script MT; font-size: 30pt; color: #e13469; text-transform:uppercase; line-height:17px; font-weight: none; padding-left: 5px; margin-bottom: 1px; margin-top: 1px; text-align: left; letter-spacing: 1; }    h2 { font-family: georgia; font-size: 12pt; color: #b3b3b3; text-transform:; line-height:25px; padding-left: 5px; margin-bottom: 1px; border-bottom: 2px dotted #b3b3b3; margin-top: 0px; text-align: left; font-weight: bold; letter-spacing: 0; }  h2:first-letter { font-family: Brush Script MT; font-size: 30pt; color: #f19624; text-transform:uppercase; line-height:17px; font-weight: none; padding-left: 5px; margin-bottom: 1px; margin-top: 1px; text-align: left; letter-spacing: -2; }  TEXTAREA {  color: #e13469; Font-Family: kalinga; Font-Size: 11px; width:200; height:50px; background-color: #ffffff; border-top: 1px solid #b3b3b3; border-left: 1px solid #b3b3b3; }  </style>  <div style="position: absolute; top:650px; left:20px; width:250px;  height:600px; overflow:auto; "> <div class=box> <h2>Deine Überschrift</h2><br> <a href="http://textseitenurl" class="navi">Navititel</a> <a href="http://textseitenurl" class="navi">Navititel</a> <a href="http://textseitenurl" class="navi">Navititel</a> <a href="http://textseitenurl" class="navi">Navititel</a> <a href="http://textseitenurl" class="navi">Navititel</a> <a href="http://textseitenurl"  class="navi">Navititel</a></div><br>  <div class=box> <h1>Deine Überschrift</h1><br> <a href="http://textseitenurl" class="navi1">Navititel</a> <a href="http://textseitenurl" class="navi1">Navititel</a> <a href="http://textseitenurl" class="navi1">Navititel</a> <a href="http://textseitenurl" class="navi1">Navititel</a> <a href="http://textseitenurl" class="navi1">Navititel</a> <a href="http://textseitenurl"  class="navi1">Navititel</a><br><b><a  href="http://bling-gb.de.be" target="_blank">(1)</a> <a  href="http://the-peril.com/" target="_blank">(2)</a> <a  href="http://www.bloomotion.com/" target="_blank">(3)</a> <a  href="http://still-christina.com" target="_blank">(4)</a>  Credits</b></div></div>

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.