layout-092 - Home

Home

Lorem ipsum dolor

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

Also zum Layout gibt es nicht sehr viel zu sagen.. Ich muss sagen mir ist es sehr gut gelungen und ich hoffe das es euch auch gefaellt (: Es ist mal wieder ein kleines layout. Ich finde diese großen kloppigen layouts nicht so schoen :s Ich bin immer mehr so fuer unterseiten :'D Ist aber im endeffekt jedem selbst ueberlassen. Da mal wieder keine extra creditlinks auf das layout gestzt wurden MUESST !!!! ihr in eure unterseite einen Creditlink setzen ! Beispiel: Layout von Delightfularts. ! Optimiert fuer Firefox !

Auch hier findet ihr als extra wieder eine infobox die so ausschaut (:

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.

Ich habe mir auch noch die ''muehe'' gemacht und habe noch drei 88x31 Button fuer euch parat (: ! Wir wurden neulich gefragt ob man die Button die wir fuer die Layouts erstellen auch verwenden darf wenn man das layout nicht nehmen moechte. Ja, ihr duerft ! Allerdings ist dann ein Creditlink Pflicht !

Die codes

Text ueber dem design

css code ohne style tags

.h1 {
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: #6f6d49;
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: #898658;
text-decoration: none;}

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

a:hover {
color: #57542c;
background-color: #;
}

b, strong{
color:#798979;
text-shadow: #cfd8cf 1px 1px 1px;
font-weight: bold;
}

body {
overflow-x: hidden;
background-image: url('http://i55.tinypic.com/4l0ccm.png');
}

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1600px;
height:700px;
border:0px;
background-image: url('xxx');
}

#content {
position: absolute;
top:433px;
background-color: #ffffff;
margin-left: 120px;
width: 384px;
left: 170px;
color: #55544b;
padding-right:8px;
padding-left:8px;
padding-top:8px;
padding-bottom:30px;
text-align: justify;
margin-bottom: 330px;
font-family: Trebuchet MS,arial;
font-size: 10px;
letter-spacing: 1px;
overflow:auto;}

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

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

#navibox{
position: absolute;
left:290px;
top:403px;
width: 400px;
background-color: #7f7d59;
overflow:auto;}

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

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: Trebuchet MS,arial;
font-size:10px;
letter-spacing: 1px;
color: #f0f0f0;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 7px;
padding-right: 7px;
margin-right: 0px;
margin-left: 0px;
line-height: 32px;
background-color: #7f7d59;
border-right: 1px solid #adab8e;
text-shadow: 1px 1px #000000;}

A.navi:hover {
font-family: Trebuchet MS,arial;
font-size:10px;
letter-spacing: 1px;
color: #e0ddaf;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 7px;
padding-right: 7px;
margin-right: 0px;
margin-left: 0px;
line-height: 32px;
border-right: 1px solid #adab8e;
background-color: #7f7d59;
text-shadow: 1px 1px #000000;}

ueberschriftencode

code infobox ( wird im Seitenquellcode eingefuegt )