layout-020 - Home

Home

Das Layout

Besonderheiten: Textmakierung farbig ( nur im firefox )
fett 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 (: Mehr navipunkte wie dort ''vorgegeben'' sind wuerde ich jetzt nich machen. 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 (:

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

Text ueber dem design

<div id="navibox">
<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>
<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>
<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>
</div>

css code ohne style tags

.h1 {
font-family: Georgia,Arial;
text-transform: uppercase;
font-weight:bold;
font-size: 15px;
display: block;
line-height: 17px;
margin-bottom: 5px;
margin-top: 2px;
text-align: left;
letter-spacing: 1px;
padding-left: 14px;
color: #a7a7a7;
background: transparenz;
border-left: 20px solid #7d8e0e;
background-color: #;
padding-top: 2px;
}

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

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

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

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

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

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1600px;
height:500px;
border:0px;}

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

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

#navibox{
position: absolute;
left:322px;
top:163px;
padding: 5px;
width: 100px;
overflow:auto;}

#navibox2{
position: absolute;
left:791px;
top:145px;
padding: 5px;
width: 40px;
overflow:auto;}

.infobox {
padding: 5px;
border-bottom: 1px dotted #7d7d7d;
background-color: #dddddd;
text-shadow: #ffffff 1px 1px;
text-align: left;
widht: 150px;
}

::-moz-selection
{
color: #d8f589;
background-color: #7da318;
}

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:10px;
letter-spacing: 1px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #ffffff;
text-shadow: #4b4b4b 1px 1px;
}

A.navi:hover {
display: block;
font-family: arial;
font-size:10px;
letter-spacing: 1px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #e8e8e8;
background-image:url(http://www.imageee.de/di-8129358828916.png);
text-shadow: #4b4b4b 1px 1px;
}

A.navi2:link, A.navi2:active, A.navi2:visited {
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topright: 6px;
display: block;
font-family: arial;
font-size:10px;
letter-spacing: 1px;
padding-top: 7px;
padding-bottom: 7px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
margin-bottom: 3px;
color: #ffffff;
background-color:#b7b400;
text-shadow: #4b4b4b 1px 1px;
}

A.navi2:hover {
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topright: 6px;
display: block;
font-family: arial;
font-size:10px;
letter-spacing: 1px;
padding-top: 7px;
padding-bottom: 7px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
margin-bottom: 3px;
color: #e8e8e8;
background-color:#b7b400;
text-shadow: #4b4b4b 1px 1px;
}

ueberschriften code

code infobox (im seiten quellcode einfuegen)