layout001 - Home

Home

Neues Lay für euch!

Das ist mein erstes Layout für euch (:
fett, kursiv, unterstrichen

Ihr wollt das Layout haben ?
Stell dein Design auf CSS Design um & gebe die folgende Codes richtig ein:

Einfügen bei "Text über dem Design"

<div id="Mein_Bild"></div>
<div id="header"><img src="http://img3.fotos-hochladen.net/uploads/normaldemilovato008504y7bikj.jpg"></img></div>
<div id="navibox">
<p class="h1">Willkommen</p>
Hier kann ein kleiner Willkommenstext
oder auch etwas anderes stehen, wie zb Toppartner oder ein kleiner text ueber dich (:
<br/>
<p class="h1">Ueberschrift</p>
<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>
<br>
<p class="h1">Ueberschrift</p>
<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>
<p class="h1">Credits</p>
<a href="http://www.desiretouch.de.tl" class="navi">Layout</a>
<a href="http://www.unlimited-photos.com" class="navi">Photo</a>
</div>

Einfügen bei "CSS Code ohne Style Tags"

.h1 {
font-family: Georgia;
font-size: 15px;
font-style: italic;
display: block;
line-height: 17px;
margin-bottom: 5px;
margin-top: 2px;
text-align: left;
letter-spacing: 5px;
padding-left: 20px;
color: #000000;
background: transparenz;
border-bottom: 1px solid #e3e3e3;
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: #;
border-bottom: 1px dotted #9165b0;
text-decoration: none;}
a:visited {
color: #999999;
background-color: #;
text-decoration: none;
border-bottom: 1px dotted #9165b0;}
a:hover {
color: #713799;
background-color: #;
border-bottom: 1px dotted #9165b0;}
b, strong{
color:#6c6ebc;
font-weight: bold;
}
i, em{
color:#999999;
}
u{
color: #999999;
text-decoration:underline;
border-bottom: 0px dotted #8e8e8e;
}
body {
overflow-x: hidden;
background-image: url('http://delightfularts.net/Bilder/layouts/graubackround.png');
}
*{ padding: 0; margin: 0; }
#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1600px;
height:500px;
border:0px;}
#content {
position: absolute;
top:440px;
border-top: 0px solid #343434;
background-color: #ffffff;
margin-left: 120px;
width: 447px;
left: 170px;
color: #999999;
padding-right:10px;
padding-left:10px;
padding-top:25px;
padding-bottom:30px;
text-align: justify;
background-color: #ffffff;
font-family: Verdana;
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:120px;
top:153px;
color: #999999;
border-left: 0px solid #d3d3d3;
padding-right:5px;
padding-left:5px;
padding-top:5px;
padding-bottom:30px;
width: 160px;
background-color: #ffffff;
font-family:arial;
font-size:  10px;
overflow:auto;}
::-moz-selection
{
color: #6c6ebc;
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: Verdana;
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: Verdana;
font-size:9px;
text-transform: uppercase;
letter-spacing: 4px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #808080;
border-bottom: 1px solid #e3e3e3;
}
A.navi:hover {
display: block;
font-family: arial;
font-size:9px;
text-transform: uppercase;
letter-spacing: 4px;
padding-top: 5px;
padding-bottom: 3px;
text-align:center;
margin-left: 4px;
margin-top: 3px;
color: #b4b4b4;
border-bottom: 1px solid #e3e3e3;
}