lay-012 - Home

Home

Lorem ipsum dolor

Link Fett Kursiv

Nach langer Zeit mal wieder ein Layout (: Mir gefaellts ganz gut muss ich sagen. Mal ein wenig anders als die anderen x) ! Creditlinks werden NICHT entfernt. Ihr koennt sie in eurer unterseite verlinken, sie muessen nicht in der Navi stehen bleiben - wichtig ist halt nur das sie verlinkt sind !

TEXT UBER DEM DESiGN

<div id="navibox">
<p class="h1">Ueberschrift</p>
<a href="http://www.delightfularts.de.be" class="navi"><font class="lila">♦</font> <i>01.</i> navititel</a>
<a href="http://www.delightfularts.de.be" class="navi"><font class="lila">♦</font> <i>02.</i> navititel</a>
<a href="http://www.delightfularts.de.be" class="navi"><font class="lila">♦</font> <i>03.</i> navititel</a>
<a href="http://www.delightfularts.de.be" class="navi"><font class="lila">♦</font> <i>04.</i> navititel</a>
<a href="http://www.delightfularts.de.be" class="navi"><font class="lila">♦</font> <i>05.</i> navititel</a>
<br />
<p class="h1">Ueberschrift</p>
<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">
<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>

<td style="width: 50%">
<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>
</td>
</tr>

</tbody></table>
<br />
<p class="h1">Credits</p>
<a href="http://www.delightfularts.de.be" class="navi"><font class="lila">♦</font> <i>01.</i> Layout</a>
<a href="http://bezumie.deviantart.com/art/10-169921355" class="navi"><font class="lila">♦</font> <i>02.</i> Bild</a>
</div>

CSS CODE OHNE STYLE TAGS

.h1 {
font-family: arial;
font-size: 11px;
display: block;
line-height: 17px;
margin-bottom: 5px;
margin-top: 2px;
text-align: center;
letter-spacing: 1px;
color: #793e72;
text-transform: uppercase;
background-image: url('http://i56.tinypic.com/2n8r40p.png');
border-bottom: 2px solid #cfbfb2;
padding: 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: #9d6697;
background-color: #;
text-decoration: none;}

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

a:hover {
color: #6b4467;
background-color: #;
}

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

i, em{
color:#bea89a;
}

u{
color: #999999;
text-decoration:underline;
border-bottom: 0px dotted #8e8e8e;
}

body {
overflow-x: hidden;
background-image: url('http://i56.tinypic.com/1495ve0.png');
}

*{ padding: 0; margin: 0; }

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

#content {
position: absolute;
top:490px;
border-top: 0px solid #343434;
margin-left: 120px;
width: 552px;
left: 60px;
color: #6a5a4e;
padding-right:10px;
padding-left:10px;
padding-top:25px;
padding-bottom:30px;
text-align: justify;
background-color: #f9f7f3;
font-family: arial;
font-size: 11px;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;}

.lila { 
font-size:  12px;
font-weight:bold;
color: #996391;}

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

#navibox{
position: absolute;
left:750px;
top:153px;
color: #6a5a4e;
padding-right:5px;
padding-left:5px;
padding-top:5px;
padding-bottom:10px;
width: 180px;
background-color: #f9f7f3;
font-family: arial;
font-size:  11px;
overflow:auto;}

::-moz-selection
{
color: #cbb8a7;
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: arial;
font-size:10px;
text-transform: uppercase;
padding-top: 5px;
padding-bottom: 3px;
text-align:left;
margin-top: 3px;
color: #6a5a4e;
border-bottom: 1px solid #a89e92;
}

A.navi:hover {
display: block;
font-family: arial;
font-size:10px;
text-transform: uppercase;
padding-top: 5px;
padding-bottom: 3px;
text-align:left;
margin-top: 3px;
color: #6a5a4e;
background-color: #ede6e0;
border-bottom: 1px dotted #a89e92;
}

Ueberschriftencode