Deine Überschrift

Credits
layout texture

-

design 3

Text ueber dem design:


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

<div id="header"><img src="http://i54.tinypic.com/21bls13.png"></img></div>

<div id="credits">
<a href="http://www.delightfularts.de.be/" class="navi2">#1</a>
<a href="http://www.shizoo-design.de/" class="navi2">#2</a>
<a href="http://www.glamorous-arts.de.be" class="navi2">#3</a>
</div>

<div id="navibox">
<p class="h1">Willkommen</p>
Hier ist platz fuer einen kleinen Willkommens-Text oder auch etwas ueber dich... Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

<p class="h1">Ueberschrift</p>

<table id="table2" width="100%" border="0"><tbody>

<tr valign="top">
<td style="width: 50%">
<a href="http://www.delightfularts.de.be/" class="navi">Navititel</a>
<a href="http://www.delightfularts.de.be/" class="navi">Navititel</a>
<a href="http://www.delightfularts.de.be/" class="navi">Navititel</a>
<a href="http://www.delightfularts.de.be/" class="navi">Navititel</a>
<a href="http://www.delightfularts.de.be/" class="navi">Navititel</a>


<td style="width: 50%">
<a href="http://www.delightfularts.de.be/" class="navi">Navititel</a>
<a href="http://www.delightfularts.de.be/" class="navi">Navititel</a>
<a href="http://www.delightfularts.de.be/" class="navi">Navititel</a>
<a href="http://www.delightfularts.de.be/" class="navi">Navititel</a>
<a href="http://www.delightfularts.de.be/" class="navi">Navititel</a>
</td>
</tr>

</tbody></table>
</div>




Css Code ohne style tags :


 
.h1 {
font-family: Arial;
font-size: 14px;
line-height: 20px;
display: block;
line-height: 10px;
margin-bottom: 5px;
margin-top: 2px;
text-align: left;
letter-spacing: 2px;
padding: 8px;
color: #b74433;
text-shadow: #000000 1px 1px;
border-bottom: 1px solid #434343;
}

#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;}
 #delightful_content {display: none;}
 #nav{display: none;}
 div.header{display: none;}
 h2#title{display: none;}

a:link {
color: #2a93a4;
background-color: #;
text-decoration: none;}

a:visited {
color: #2a93a4;
background-color: #;
text-decoration: none;
}

a:hover {
color: #ffffff;
background-color: #;
}

b, strong{
color:#ffffff;
font-weight: bold;
}

i, em{
color:#999999;
}

body {
overflow-x: hidden;
background-image:url(http://i52.tinypic.com/ztcc9d.png);
}

*{ padding: 0; margin: 0; }


#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1600px;
height:500px;
border:0px;
background-image:url(xxxx);
}

#content {
position: absolute;
top:460px;
background-color: #222222;
text-shadow: #000000 1px 1px;
margin-left: 120px;
width: 631px;
left: 30px;
color: #d8d8d8;
padding-right:10px;
padding-left:10px;
padding-top:25px;
padding-bottom:30px;
text-align: justify;
font-family: arial;
font-size: 10px;
letter-spacing: 1px;
Border-top: 20px solid #000000;
Border-bottom: 50px solid #000000;
overflow:auto;}

#header{
position: absolute;
left:150px;
top:153px;
border: 5px solid #000000;
overflow:auto;}


#credits{
position: absolute;
left:108px;
top:145px;
width: 40px;
padding-right:5px;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
overflow:auto;}

#navibox{
position: absolute;
border: 5px solid #000000;
left:455px;
top:153px;
color: #d1d1d1;
padding-right:5px;
padding-left:5px;
padding-top:5px;
padding-bottom:4px;
width: 326px;
text-shadow: #000000 1px 1px;
background-image:url('http://i51.tinypic.com/241lg9k.png');
background-color: #ffffff;
font-family: arial;
font-size:  11px;
overflow:auto;}

.infobox {
padding: 5px;
border-bottom: 2px solid #424242;
background-color: #000000;
background-image:url('http://i51.tinypic.com/241lg9k.png');
margin-right: 30px;
margin-left: 30px;
margin-bottom: 5px;
text-align: justify;
widht: 150px;
}



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

ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
width: 100px;}

li.nav_element a{
display: block;
width: 100px;
height: 15px;
padding: -2px;
font-weight:;
text-decoration:;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
word-spacing: 0px;
letter-spacing: 0px;
color: #bababa;
background-color:#272e55;
background-image:url(xx);
border-bottom: 0px solid color:#ffffff; }



li.nav_element a:hover{
color: #ffffff;
background-color:#272e55;
background-image:url(xx);}          


A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: arial;
text-shadow: #000000 1px 1px;
font-size:12px;
letter-spacing: 0px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #808080;
background-image:url('http://i54.tinypic.com/29asb3o.png');
border-bottom: 1px solid #1f1f1f;
}

A.navi:hover {
display: block;
font-family: arial;
text-shadow: #000000 1px 1px;
font-size:12px;
letter-spacing: 0px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #f5f5f5;
background-image:url('http://i52.tinypic.com/2i0678o.png');
border-bottom: 1px solid #1f1f1f;
}

A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
font-family: Georgia,arial;
text-shadow: #ffffff 1px 1px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft:10px;
font-style:italic;
font-size:13px;
letter-spacing: 0px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #808080;
line-height: 30px;
background-color:#ffffff;
border-bottom: 1px solid #e3e3e3;
}

A.navi2:hover {
display: block;
font-family: Georgia,arial;
text-shadow: #ffffff 1px 1px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft:10px;
font-style:italic;
font-size:13px;
letter-spacing: 0px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #e20000;
line-height: 30px;
background-color:#ffffff;
border-bottom: 1px solid #e3e3e3;
}

A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
font-family: Georgia,arial;
text-shadow: #000000 1px 1px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft:10px;
font-style:italic;
font-size:13px;
letter-spacing: 0px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #808080;
line-height: 30px;
background-color:#000000;
Border: 1px solid #000000;
}

A.navi2:hover {
display: block;
font-family: Georgia,arial;
text-shadow: #000000 1px 1px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft:10px;
font-style:italic;
font-size:13px;
letter-spacing: 0px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #b74433;
line-height: 30px;
background-color:#000000;
Border: 1px solid #000000;
}



Statistiken => Willst du auch eine kostenlose Homepage? Dann klicke hier! <=