layout4-von-fantsyarts

Home

Text über dem Design:

<div style="position: absolute; width: 281px; height: 100px; left: 40px ; top: 338px "> 
<div class=box><p <p class="ueberschrift">xxxxxxxxx</p> 
<table id="table1" width="100%" border="0"><tbody> 
<tr valign="top"> 
<td style="width: 50%"> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
</td> 
<td> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
</td> 
</tr> 
</div> 
</tbody></table> 
<p class="ueberschrift">xxxxxxxxx</p> 
<table id="table1" width="100%" border="0"><tbody> 
<tr valign="top"> 
<td style="width: 50%"> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
</td> 
<td> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
</td> 
</tr> 
</tbody></table> 
<p class="ueberschrift">xxxxxxxxx</p> 
<table id="table1" width="100%" border="0"><tbody> 
<tr valign="top"> 
<td style="width: 50%"> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a>

</td> 
<td> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a> 
<a href="xxx" class="navi">Site</a>

</td> 
</tr>

</tbody></table> 
<p class="ueberschrift">Credits</p> 
<table id="table1" width="100%" border="0"><tbody> 
<tr valign="top"> 
<td style="width: 100%"> 
<a href="http://nightmare-scream.de.tl/" class="navi">Designerin & Coderin</a>
<a href="http://unlimited-photos.com/" class="navi">Header Bilder</a>  
<a href="xxx" class="navi">Other Credits</a> 
</td> 
<td> 
</tr>

CSS-Code ohne Style Tags:

.ueberschrift{
display: block;
font-family: arial;
 font-size: 9pt;
padding-left: 5px;
color: #ffffff;
background-color: #000;
text-decoration: bold;
text-align: left;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: 1px;
border-bottom: 0px solid #e5cdb6;}

#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;}
 #pre_content {display: none;}
 div.header{display: none;}
 h1#title{display: none;}

i { 
color: #999999; 
font-family: georgia;
letter-spacing: 2px;
font-Size: 13px;}

u { 
color: #999999;
font-Size: 11px;
font-family: georgia;
font-weight: bold;}

s { 
color: #999999; 
font-Size: 13px;}

b { 
color: #999999;
font-Size: 13px;
font-weight: bold;}

a:link {
color: #adadad;
font-size: 13px;
font-family: Calibri;
text-decoration: none;}

a:visited {
color: #999999;
font-size: 13px;
font-family: Calibri;
text-decoration: none;}

a:hover {
color: #cccccc;
font-size: 13px;
font-family: Calibri;
background-color: #cecece;  
text-decoration: underline;}

.box {
width:100,
padding-left: 0px;
background-color: #c3c3c3;
border:1px dotted #3a3a3a;
padding: 2px;
margin: 1px;}

body {
background: url(http://i25.tinypic.com/28i865e.jpg)}
*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 600 absolute;
width: 1655px;  
height: 1000px;
table-layout:auto;
background-image:url(http://i32.tinypic.com/314v1tu.jpg);}

#content {
position: absolute;
font-family: times new roman;
left: 0%;       
top: 146px;
margin-left: 285px;
width: 480px;   
height: 487px;
padding:10px;
color: #474747;
font-size:13px;
background-color:#transparent;   
background-image: none;   
border: 0px solid #-;
overflow: auto;}

#sidebar_container{
position: absolute;
left: 0%;           
top: -180px;
margin-left: 0px;  
width: 282px;     
height: 200px;  
font-family: Times new roman;
font-size: 13px;
background-color:#transparent;
background-image:url;
border:0px solid #000;
color:#000;
overflow:auto;}

____________________________________________________________________________________________

.h1 {
display: block;
font-family:Georgia;
font-size: 18pt;
padding-left: 4px; 
color: #cbcbcb;
text-decoration: bold;
margin-bottom: 10px;
margin-top: 10px;
margin-right: 2px;
line-height: 15pt;
border-bottom: 1px dotted #b8b8b8;
border-left: 0px solid #b8b8b8;
text-align: left;
letter-spacing: -1px;
border-left: 4px solid #b8b8b8;}
 
.h2 {
display: block;
font-family: Georgia;
 font-size: 12pt;
padding-left: 5px;
color: #ffffff;
-moz-border-radius: 7px;
text-shadow: 0px 0px 3px  #ffdede;
background-image: url('http://i25.tinypic.com/2wn2pmb.jpg');
text-decoration: bold;
text-align: center;
margin-bottom: 6px;
margin-right: 1px;
line-height: 10 px;
letter-spacing: 1px;
border-bottom: 0px solid #e5cdb6;}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: Times new roman;
font-size: 16px;
letter-spacing: 0pt;
background-color: #485b8a;
margin-bottom: 10px;
border-bottom: 1px dotted #fff;
border-left: 7px solid #fff; 
border-top: 1px dotted #fff; 
border-right: 0px solid #E5E5E5;
color: #fff;
text-transform: ;
text-align: center;
line-height:17px;}

A.navi:hover {
display: block;
font-family: Times new roman;
font-size: 16px;
letter-spacing: 0pt;
background-color: #485b8a;
margin-bottom: 10px;
border-bottom: 1px dotted #fff;
border-left: 7px solid #000; 
border-right: 0px solid #EAEAEA; 
border-top: 1px dotted #fff; 
ltext-align: center;
color: #fff;
line-height: 17px;}

a:link {
color: #78c5ac;
text-decoration:none;}
 
a:visited {color: #78c5ac;
text-decoration:none;}
 
a:active {color: #78c5ac;
text-decoration:none;}
 
a:hover {color: #c7c7c7;
cursor:default;
background-color: #;}
 
b, strong{
color:#439c9d;}
 
i, em{
color:#006c6e;}
 
u{
color: #9ad8d9;
text-decoration:underline;}

</style> 
			</head> 
	<body id="hpb_cssonly"> 
		<style type="text/css"> 
#ad-cfcd br {
		display: none;}