lay-029 - Home

Home

Lorem ipsum dolor

Fetter Text - Kirsiver Text - Ich bin ein link.

CREDiTS WERDEN NiCHT ENTFERNT !!!

Am besten achtet ihr darauf das euer willkommenstext genauso lang ist wie der der schon dort steht. Kann sein das es sich sonst etwas verschiebt :s ! Mehr navipunkte passen auch nicht in die box, aber ich denke das 1O auch reichen sollte um alles unter zu bekommen (:

deine info // Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Text ueber dem design

<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>

<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;
}

Ueberschrftencode

Code fuer die Infobox (wird im seitenquellcode eingefuegt)