lay-12 - Home

Home

mal wieder ein lay von mir.

Jaa. zu dem Layout. Ich wollt halt mal was anderes machen & dabei is das jetzt rausgekommen x) an sich find ich es ganz huebsch (: Klar, haette besser sein koennen. Aber wie gesagt. Geschmaecker sind ja verschieden. Dies mal ist es nur eine kleine navi hast heisst ihr muesstet es alles dann dementsprechend verlinken, denn eine große navi haette bei dem layout ueberhaupt nicht gut ausgesehen ^.^ Bei den Cuties koennt ihr auch noch 4 andere Navipunkte setzen. Allerdings wuerde ich es bei 4 belassen weils sonst doof aussieht x) Ich wuensche euch viel spass mit dem Layout <3

fett kursiv unterstrichen link

text ueber dem design

css code ohne style tags

.h1 {
font-family: Georgia;
font-size: 12px;
font-style: italic;
display: block;
line-height: 17px;
margin-bottom: 5px;
margin-top: 2px;
text-align: center;
letter-spacing: 2px;
padding-left: 0px;
color: #7e644d;
font-weight: bold;
background: transparenz;
background-color: #;
padding-top: 2px;
}

.h2 {
font-family: Georgia;
font-size: 12px;
text-transform: uppercase;
display: block;
line-height: 17px;
margin-bottom: 5px;
margin-top: 2px;
text-align: left;
letter-spacing: 2px;
padding-left: 10px;
color: #e75328;
font-weight: bold;
background: transparenz;
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: #7bc241;
background-color: #;
text-decoration: none;}

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

a:hover {
color: #5ea028;
}

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

i, em{
color:#be715a;
}

u{
color: #766e58;
text-decoration:underline;
border-bottom: 1px dotted #766e58;
}

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

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1600px;
height:700px;
border:0px;
background-image: url('http://i52.tinypic.com/28ib0a8.png');
}

#content {
position: absolute;
top:590px;
border-top: 0px solid #343434;
background-color: #ffffff;
margin-left: 120px;
width: 447px;
left: -50px;
color: #766e58;
padding-right:10px;
padding-left:10px;
padding-top:25px;
padding-bottom:30px;
text-align: justify;
background-color: #ffffff;
font-family: Georgia,arial;
font-size: 10px;
word-spacing: px;
letter-spacing: 1px;
text-shadow: #ffffff  1px 1px;
background-image: url('http://i52.tinypic.com/14b0u9h.png');
overflow:auto;}

#navibox{
position: absolute;
left:480px;
top:353px;
color: #999999;
border-left: 0px solid #d3d3d3;
padding-right:5px;
padding-left:5px;
padding-top:5px;
padding-bottom:30px;
width: 160px;
background-color: #;
font-family:arial;
font-size:  10px;
overflow:auto;}

#navibox2{
position: absolute;
left:190px;
top:550px;
width: 300px;
padding-bottom: 3px;
overflow:auto;}

::-moz-selection
{
color: #681205;
background-color: #;
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: Georgia,arial;
font-size:9px;
font-style: italic;
letter-spacing: 4px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #808080;
}

A.navi:hover {
display: block;
font-family: Georgia,arial;
font-size:9px;
font-style: italic;
letter-spacing: 4px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #b4b4b4;
}

A.navi2:link, A.navi2:active, A.navi2:visited {
font-family: Georgia,arial;
font-size:12px;
font-weight: bold;
letter-spacing: 0px;
color: #533d2a;
text-align:center;
margin-bottom: 12px;
padding-top: 7px;
padding-bottom: 0px;
padding-left: 7px;
padding-right: 7px;
text-shadow: none;
background-color: transparent;
}

A.navi2:hover {
font-family: Georgia,arial;
font-size:12px;
font-weight: bold;
letter-spacing: 0px;
color: #a1866e;
text-align:center;
margin-bottom: 12px;
padding-top: 7px;
padding-bottom: 0px;
padding-left: 7px;
padding-right: 7px;
background-color: transparent;
}

Ueberschriftencode

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.