layout-090 - Home

Home

Lorem ipsum dolor

Ich bin ein Fetter Text // Ich bin ein Link.

Also zum Layout gibt es nicht sehr viel zu sagen.. Es ist recht einfach und schlicht. Mal etwas anderes (: Die navi wuerde ich nicht mehr groß veraendern an eurer stelle. Ist natuerlich euch ueberlassen. Da ich dieses mal wieder keine Creditlinks auf das layout gestzt habe muesst ihr sie in eure unterseite eintragen ! 1) Bild 2) Layout von

Extras: - Infobox.
Diese koennt ihr in die verschiedenen seiten im SeitenQuellcode einfuegen um eure regeln fuer die grafiken oder aehnliches reinzuschreiben (:

Deine Info // 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.

Du moechtest dieses Layout ?

1. Melde dich bei Homepage-Baukasten.de an.
2. Geh auf Design einstellen.
3. Stelle dein design auf CSS-Design um.
4. Fuege die Codes in die entsprechenden felder ein
5. Abspeichern & fertig.

Da dies ein CSS -Layout ist solltest du dich etwas damit auskennen. Du kannst dich jedoch jeder Zeit an mich/uns wenden.

Die codes

Text ueber dem Design

CSS Code ohne style tags

.h1 {
font-family: arial;
font-weight:bold;
font-size: 12px;
letter-spacing: 0px;
display: block;
margin-bottom: 2px;
margin-top: 2px;
text-align: left;
color: #5c8371;
padding: 3px;
text-transform: uppercase;
background-color: #ddd8c9;
}

#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: #a05063;
text-decoration: none;}

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

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

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

body {
overflow-x: hidden;
background-image: url('http://www.delightfularts.net/Bilder/layouts/layout090-background.png');
}

*{ padding: 0; margin: 0; }

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

#content {
position: absolute;
top:520px;
background-color: #efece7;
margin-left: 120px;
width: 573px;
left: 37px;
color: #2e2e2e;
padding-right:10px;
padding-left:10px;
padding-top:10px;
padding-bottom:30px;
text-align: justify;
font-family: arial;
font-size: 11px;
overflow:auto;}

.infobox {
padding: 5px;
text-shadow: #c6c6c6 1px 1px 1px;
border-left: 2px solid #b3b4a4;
background-color: #f2efea;
margin-left: 19px;
margin-right: 19px;
margin-bottom: 5px;
text-align: left;
widht: 150px;
}

#navibox{
position: absolute;
left:600px;
top:133px;
padding: 5px;
width: 126px;
overflow:auto;}

::-moz-selection
{
color: #f2efea;
background-color: #bfbaaa;
}

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

li.nav_element a:hover{
color: #ffffff;}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: arial;
font-weight:bold;
font-size:11px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
text-align:left;
margin-left: 4px;
margin-top: 3px;
color: #eadbe1;
text-shadow: #000000 1px 1px 1px;
background-image:url(http://i56.tinypic.com/348m44k.png);
}

A.navi:hover {
display: block;
font-family: arial;
font-weight:bold;
font-size:11px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
text-align:left;
margin-left: 4px;
margin-top: 3px;
color: #b22f42;
text-shadow: #000000 1px 1px 1px;
background-image:url(http://i56.tinypic.com/348m44k.png);
}

ueberschrifen code ( im seiten quellcode einfuegen )

Code Infobox ( im seiten quellcode einfuegen )

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. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.