layout-023 - Home

Home

ueberschrift

Besonderheiten: Textmakierung farbig (nur im firefox)
Fett Kursiv Unterstrichen Link

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 etwas erfahrung mitbringen. Du kannst dich jedoch jeder Zeit an mich wenden wenn fragen bestehen (: Die Navi wuerde ich an eurer stelle so lassen. Ist halt ein Layout fuer kleine Seiten (:

CREDiTDS BLEiBEN STEHEN !

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

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

Die Codes

Text ueber dem design

css code ohne style tags

.h1 {
font-family: arial;
font-size: 10px;
letter-spacing: 3px;
display: block;
margin-bottom: 2px;
margin-top: 2px;
text-align: center;
padding-bottom: 6px;
color: #d1b694;
text-transform: uppercase;
text-shadow: #000000 1px 1px;
background-color: #0e0e0e;
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: #f8f8f8;
text-decoration: none;}

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

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

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

i, em{
color:#ffffff;
}

body {
overflow-x: hidden;
background-image: url('http://www.imageee.de/di-7129295087115.png');
}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1600px;
height:700px;
border:0px;
background-image: url('http://www.imageee.de/di-1212929508111.png');
}

#content {
position: absolute;
top:520px;
background-color: #171717;
margin-left: 120px;
width: 476px;
left: 92px;
color: #b6b6b6;
padding-right:10px;
padding-left:10px;
padding-top:10px;
padding-bottom:30px;
text-align: justify;
font-family: arial;
font-size: 10px;
letter-spacing: 1px;
overflow:auto;}

.infobox {
padding: 5px;
border-bottom: 2px solid #000000;
background-color: #3b3b3b;
text-align: left;
widht: 150px;
}

#navibox{
position: absolute;
left:260px;
top:477px;
width: 589px;
overflow:auto;}

::-moz-selection
{
color: #ffffff;
background-color: #000000;
}

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 {
font-family: tahoma,arial;
font-size:10px;
text-transform: uppercase;
letter-spacing: 1px;
color: #f0f0f0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 12px;
padding-right: 12px;
margin-right: 3px;
margin-left: 3px;
line-height: 40px;
background-color: #d6923d;
text-shadow: 1px 1px #000000;}

A.navi:hover {
font-family: tahoma,arial;
font-size:10px;
text-transform: uppercase;
letter-spacing: 1px;
color: #f0f0f0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 12px;
padding-right: 12px;
margin-right: 3px;
margin-left: 3px;
line-height: 40px;
background-color: #b3782d;
text-shadow: 1px 1px #000000;}

ueberschriftencode

infobox code