bombastiiclayout8

Home

Naja und hier eigentlich ein sehr schlichtes Layout, das für Leute gedacht ist die mehr Bloggen als Grafiken zu erstellen.
Denn hier hat man mehr Platz für seine Updates und so.
Obend an der Navi könnt ihr ruhig was verändern xD.
Aber bitte den Creditlink dranlassen

:D:D

So sieht dein Text fett kursiv unterstrichen ~~durchstrichen~~ und als link aus.

Deine Überschrift

Der Code

Text über dem Design:

<div  style="position: absolute; left:179px ; top:137px ; width: 85px; height: 46px;">
<a href="http://URL" class="navi2">About Me</a>
</div>

<div  style="position: absolute; left:262px ; top:137px ; width: 95px; height: 46px;">
<a href="http://URL" class="navi2">About Site</a>
</div>

<div  style="position: absolute; left:355px ; top:137px ; width: 60px; height: 46px;">
<a href="http://URL" class="navi2">Stuff</a>
</div>

<div  style="position: absolute; left:409px ; top:137px ; width: 99px; height: 46px;">
<a href="http://URL" class="navi2">Gästebuch</a>
</div>

<div  style="position: absolute; left:506px ; top:137px ; width: 69px; height: 46px;">
<a href="http://URL" class="navi2">Outlet</a>
<br></div></div>

<div  style="position: absolute; left:573px ; top:137px ; width: 81px; height: 46px;">
<a href="http://URL" class="navi2">Credits</a>
<br></div></div>

<div  style="position: absolute; left:776px ; top:5px ; width: 115px; height: 36px;">
<a href="http://bombastiic.de.tl" class="navi">Layout made by ?</a>
<br></div></div>

CSS-Code ohne Style Tags:

.navifont{
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 9px;
letter-spacing: 1px;
-moz-border-radius: 6px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 11px;
border-top: 0px solid #DAE2E8;
color: #ffffff;
border-bottom: 6px solid #4d4d4d;}

.bombastiic{
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 18px;
border-top: 0px solid #DAE2E8;
color: #ffffff;
background-image: url(http://i26.tinypic.com/1zb5m35.jpg)}

#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;}
 #pre_content {display: none;}
#nav{display:none;}
 #bombastiic_content {display: none;}
 div.header{display: none;}

h2#title{display: none;}  
a:link {
color: #c0c0c0;
font-family: tahoma, arial;
text-decoration: none;}

a:visited {
color: #c0c0c0;
font-family: tahoma, arial;
text-decoration: none;}

a:hover {
color: #483d8b;
font-family: tahoma, arial;
border-bottom: 0px dotted #bababa;}

body {
overflow-x: hidden;
width:1798px;
background-image: url('http://i30.tinypic.com/zodfdu.jpg');
}

*{ padding: 0; margin: 0; }
#Mein_Bild {
margin-top: -130px;
width:1798px;
height:783px;
border:0px;
background-image: url(http://i31.tinypic.com/2ccsdmv.jpg);
}

#content {
position: absolute;
top:190px;
margin-left:78px;
width: 550px;
padding: 13px;
color:#483d8b;
-moz-border-radius: 0px;
font-family: tahoma,arial;
font-size:  11px;
text-align: justify;
word-spacing: px;
letter-spacing: 0px;
overflow:auto;
background-color: transparent;
}

#naviboxlinks{
position: absolute;
left:30px;
top:348px;
padding:11px;
width: 150px;
color: #ffffff;
font-family: tahoma;
font-size:  11px;
overflow:auto;}

#naviboxrechts{
position: absolute;
left:730px;
top:348px;
padding:11px;
width: 150px;
color: #ffffff;
font-family: tahoma;
font-size:  11px;
overflow:auto;
background-color: #ececec;
}

#hauptnavi{
position: absolute;
left:209px;
top:513px;
width: 494px;
height: 42px;
padding: 10px;
overflow:auto;
color: #ffffff;}

#nav_container{
position: absolute;
top:140px;
margin-left: 800px;
high: 100px;
width: 101px;
font-family: Verdana;
color: #ffffff;
border:0px solid #333333;}

ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
color: #ffffff;
width: 100px;}

li.nav_element a{
display: block;
-moz-border-radius: 3px;
width: 100px;
height: 15px;
padding: -2px;
font-weight:;
text-decoration:;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
word-spacing: 0px;
letter-spacing: 0px;
color: #ffffff;
background-color:#ececec;
background-image:url(xx);  
border-bottom: 0px solid color:#ffffff; }

li.nav_element a:hover{
color: #ffffff;
background-color: #ececec;
background-image:url(xx);}

A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 18px;
border-top: 0px solid #DAE2E8;
color: #ffffff;
background-image:url(http://i28.tinypic.com/116rvrn.jpg);}

A.navi2:hover {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 13px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #b6b6b6;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 18px;
border-top: 0px solid #DAE2E8;
color: #ffffff;
text-align: left;
background-image:url(http://i29.tinypic.com/2q2pf12.jpg);}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 9px;
letter-spacing: 1px;
-moz-border-radius: 6px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid transparent;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: transparent;
height: 11px;
border-top: 0px solid #DAE2E8;
color: #ffffff;
background-image:url(http://i29.tinypic.com/2ilemtk.jpg);}

A.navi:hover {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 0px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 1px;
border-bottom: 0px solid #b6b6b6;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 10px;
border-top: 0px solid #DAE2E8;
color: #ffffff;
text-align: left;
background-image:url(xxx);}