layouts-045

Home

deine ueberschrift

Ich bin ein Fetter Text // Ich bin ein Link

Vergesst den Creditlink NICHT !

Zum Layout an sich gibt es nicht sehr viel zu sagen. Ich habe mich etwas von Metrotrash inspirieren lassen :s hoffe das ist soweit okay (: ! Mehr Navipunkte wie dort vorgegeben sind passen NICHT in die Navibox. Muesst ihr halt mal schauen, aber ich denke ihr bekommt alles unter (:

Infobox.

deine info // 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.

extras

die codes

text ueber dem design.

<div id="navibox">
<p class="h1">Hello (:</p>
Herzlich Willkommen auf deineseite.de.tl hier findest du blablabla.. ueber gb's freuen wir/ich uns sehr. Viel spass beim durchstoebern... blablabla xD platz fuer nen KLEiNEN text eben
<br />
<p class="h1">main menue</p>
<a href="http://www.delightfularts.de.be" class="navi">Home</a>
<a href="http://www.delightfularts.de.be" class="navi2">About</a>
<a href="http://www.delightfularts.de.be" class="navi">Guestbook</a>
<a href="http://www.delightfularts.de.be" class="navi2">Affiliates</a>
<a href="http://www.delightfularts.de.be" class="navi">Link us</a>
<a href="http://www.delightfularts.de.be" class="navi2">credits</a>
</div>

<div id="navibox2">
<p class="h1">Stuff</p>
<a href="http://www.delightfularts.de.be" class="navi2">Link</a>
<a href="http://www.delightfularts.de.be" class="navi">Link</a>
<a href="http://www.delightfularts.de.be" class="navi2">Link</a>
<a href="http://www.delightfularts.de.be" class="navi">Link</a>
<a href="http://www.delightfularts.de.be" class="navi2">Link</a>
<a href="http://www.delightfularts.de.be" class="navi">Link</a>
<a href="http://www.delightfularts.de.be" class="navi2">Link</a>
<a href="http://www.delightfularts.de.be" class="navi">Link</a>
<a href="http://www.delightfularts.de.be" class="navi2">Link</a>
<a href="http://www.delightfularts.de.be" class="navi">Link</a>
</div>

css code ohne style tags

.h1 {
font-family: arial;
font-size: 12px;
display: block;
line-height: 17px;
margin-bottom: 5px;
margin-top: 2px;
text-align: left;
letter-spacing: 1px;
color: #000000;
background: transparenz;
background-color: #;
padding-top: 2px;
}

.h2 {
font-family: arial;
font-size: 10px;
letter-spacing: 1px;
display: block;
margin-bottom: 2px;
margin-top: 2px;
text-align: left;
padding-bottom: 1px;
padding-left: 3px;
color: #63677b;
text-transform: uppercase;
text-shadow: #d3d1b4 1px 1px 1px;
border-bottom: 1px solid #d0dbd3;
padding-top: 6px;
}

#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: #575758;
background-color: #;
text-decoration: none;}

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

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

b, strong{
color:#5b6497;
text-shadow: 1px 1px 1px #a9b2e3;
font-weight: bold;
}

body {
overflow-x: hidden;
background-color: #d8d4cb;
}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1600px;
height:500px;
border:0px;
background-image: url('http://delightfularts.net/Bilder/layouts/katyperry.png');
}

#content {
position: absolute;
top:471px;
border-top: 0px solid #343434;
background-color: #ffffff;
margin-left: 120px;
width: 557px;
left: 116px;
color: #454545;
padding-right:10px;
padding-left:10px;
padding-top:25px;
padding-bottom:30px;
text-align: justify;
background-color: #ffffff;
font-family: Calibri, arial;
font-size: 11px;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;}

#navibox{
position: absolute;
left:86px;
top:160px;
font-family: arial;
font-size:9px;
color: #363636;
padding-right:5px;
padding-left:5px;
padding-top:5px;
padding-bottom:17px;
width: 140px;
text-shadow: 1px 1px #ececec;
background-image: url('http://i52.tinypic.com/153p7hu.png');
overflow:auto;}

#navibox2{
position: absolute;
left: 813px;
top:160px;
font-family: arial;
font-size:9px;
color: #363636;
padding-right:5px;
padding-left:5px;
padding-top:5px;
padding-bottom:24px;
width: 140px;
text-shadow: 1px 1px #ececec;
background-image: url('http://i52.tinypic.com/153p7hu.png');
overflow:auto;}

.infobox {
padding: 4px;
border-left: 2px solid #303030;
background-color: #f1f0e6;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 5px;
text-align: justify;
widht: 100px;
}

::-moz-selection
{
color: #ffffff;
background-color: #353336;
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;
font-size:9px;
letter-spacing: 1px;
padding: 5px;
text-align:center;
margin-top: 3px;
color: #3d392c;
text-shadow: 1px 1px #ececec;
border-bottom: 1px solid #928d7f;
}

A.navi:hover {
display: block;
font-family: arial;
font-size:9px;
letter-spacing: 1px;
padding: 5px;
text-align:center;
margin-top: 3px;
color: #ffffff;
background-color: #5f689b;
text-shadow: 1px 1px #1d1d1d;
border-bottom: 1px solid #928d7f;
}

A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
font-family: arial;
font-size:9px;
letter-spacing: 1px;
padding: 5px;
text-align:center;
margin-top: 3px;
color: #3d392c;
text-shadow: 1px 1px #ececec;
border-bottom: 1px solid #928d7f;
}

A.navi2:hover {
display: block;
font-family: arial;
font-size:9px;
letter-spacing: 1px;
padding: 5px;
text-align:center;
margin-top: 3px;
color: #ffffff;
text-shadow: 1px 1px #1d1d1d;
background-color: #626262;
border-bottom: 1px solid #928d7f;
}

code ueberschrift

code infobox