bombastiiclayout7

Home

So jetzt hab ich mal wieder ein Lay mit den Boxen da gemacht obwohl ich das jah nicht mehr machen wollte. Aber zu dem layout ht halt ein anderes Sidebar nicht gepasst ^^.
Das Lay sieht so ziemlich anders auch aber ich finde es irgendwie gut xD.
Hoffe jemand von euch auch und er/sie verwendet ihn ^^.
Und den Header könnt ihr auswechseln wenn ihr wollt.

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

Deine Überschrift

Der Layout-Code

Text über dem Design:

<div  style="position: absolute; left:60px ; top:630px ; width: 230px; height: 150px;">
<div style="background-image: url(http://i30.tinypic.com/34fiphe.png);
                 width:  202px;
            height: 168px;
 -moz-border-radius: 3px;
">
<p class="bombastiic1">Welcome ..</p>
<center><span style="font-size: 12px;">... zu meiner Seite, hier findest du enige Informationen zu mir aber auch viel Stuff . Ich hoffe dir gefällt es hier so sehr, das du mich irgendwann mal wieder besuchen kommst blah blah blah blah hier kommt halt der willkommens text rein und so also wenn ihr es wollt xD</span></span>
</center><br><br></div></div>

<div  style="position: absolute; left:60px ; top:801px ; width: 230px; height: 150px;">
<div style="background-image: url(http://i30.tinypic.com/34fiphe.png);
                 width:  202px;
            height: 168px;
 -moz-border-radius: 3px;
">
<p class="bombastiic1">About me</p>
<center><span style="font-size: 12px;">Mein name ist kathi  ich liebe hunde und hasse katzen, weil ich denke das katzen böse sind und sie die welt übernehmen wollen .. jah hier könnt ihr etwas über euch schreiben und villt auch ein bild reinmachen wie es euch halt passt  xD<img src="http://theme.webme.com/smiles/cheesy.gif" border="0"><a href="http://URL"><span style="font-size: 10px;"><span style="font-size: 12px;"> Mehr?</a></span></span>
</center><br><br></div></div>

<div style="background-image: url(http://i30.tinypic.com/34fiphe.png);

width:  202px;
            height: 168px;
            -moz-border-radius: 3px;
">

<a href="http://URL" class="navi2">Home & News</a>
<a href="http://URL" class="navi2">About Me</a>
<a href="http://URL" class="navi2">Affiliates</a>
<a href="http://URL" class="navi2">G-Book</a>
<a href="http://URL" class="navi2">Outlet</a>
<br></div></div>

<div style="background-image: url(http://i30.tinypic.com/34fiphe.png);

width:  202px;
            height: 148px;
 -moz-border-radius: 3px;
">
<p class="bombastiic1">Stuff</p>

<table id="table1" width="100%" border="0"><tbody>
<td style="width: 50%">
<a href="http://URL" class="navi">Tutorials</a>
<a href="http://URL" class="navi">Layouts</a>
<a href="http://URL" class="navi">Signaturen</a></td>

<td style="width: 50%">
<a href="http://URL" class="navi">Material</a>
<a href="http://URL" class="navi">Wallpaper</a>
<a href="http://URL" class="navi">Icons</a>

</td>
</tr>
</tbody></table>
<br><br></div></div>

<div style="background-image: url(http://i30.tinypic.com/34fiphe.png);
            width:  202px;
            height: 228px;
 -moz-border-radius: 3px;
">
<p class="bombastiic1">Affiliates</p>

<td style="width: 50%">
<a href="http://AFFI" target="_blank"><img src="http://i26.tinypic.com/35moztu.jpg" border="0"></a> 
<a href="http://AFFI" target="_blank"><img src="http://i26.tinypic.com/35moztu.jpg" border="0"></a>
</td>
</tr>
</tbody></table><br /><center>
<a href="http://URL"><span style="font-size: 10px;">Alle Partner ?</span></a><span style="font-size: 10px;"><br />
</span><a href="http://URL"><span style="font-size: 10px;"><span style="font-size: 10px;">Ich will auch Partner werden ?</span></span></a></center>
<br><br></div></div>

<div  style="position: absolute; left:470px ; top:860px ; width: 230px; height: 150px;">
<div style="background-image: url(http://i30.tinypic.com/34fiphe.pngg);
                 width:  202px;
            height: 118px;
 -moz-border-radius: 3px;
">
<p class="bombastiic1">Credits</p>

<table id="table1" width="100%" border="0"><tbody>
<td style="width: 50%">
<a href="http://bombastiic.de.tl" class="navi3">Layout</a>

<td style="width: 50%">
<a href="http://www.deviantart.com/" class="navi3">Bilder</a>
</td>
</tr>
</tbody></table>
<br /><center>
<a href="http://URL"><span style="font-size: 10px;"><span style="font-size: 10px;">alle Credits ?</span></span></a></center>

</div>

CSS-Code ohne Style Tags:

.navifont{
display: block;
text-transform: uppercase;
font-family: arial;
font-weight: bold;
font-size: 12px;
color: #ffffff;
text-align:center;
text-shadow: 1px 1px #2d2d2d;
margin-bottom: 6px;
margin-right: 1px;
line-height: 20 px;
letter-spacing: 0px;
border-bottom: 6px solid #4d4d4d;}

.bombastiic1{
display: block;
font-family:Comic Sans MS;
font-weight: bold;
font-style: italic;
text-shadow:  #4169e1 0px 0px 6px;
font-size: 14pt;
padding-left: 5px;
color: #FFFFFF;
-moz-border-radius: 0px;
text-decoration: bold;
text-align: center;
margin-bottom: 6px;
margin-right: 10px;
line-height: 40px;
letter-spacing: 3px;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-top: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
}

.ueberschrift{
display: block;
font-family: Caviar Dreams;
font-weight: bold;
font-style: italic;
text-shadow: #ffffff 0px 0px 6px;
 font-size: 11pt;
padding-left: 5px;
color: #FFFFFF;
-moz-border-radius: 5px;
text-decoration: bold;
text-align: center;
margin-bottom: 6px;
margin-right: 1px;
line-height: 20px;
letter-spacing: 5px;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-top: 0px solid #c0c0c0;
border-bottom: 0px solid #d0d0d0;
background-image: url(http://i32.tinypic.com/2vhxf8p.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: #0000cd;
font-family: tahoma, arial;
text-decoration: none;}

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

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

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

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin-top: 20px;
margin-left:60px;
width:610px;
height:500px;
border:0px;
background-image: url(http://i28.tinypic.com/2s7w488.jpg);
}

#content {
position: absolute;
top: 125px;
margin-left:675px;
width: 470px;
padding: 13px;
color: #191970;
-moz-border-radius: 1px;
font-family: tahoma,arial;
font-size:  11px;
text-align: justify;
word-spacing: px;
letter-spacing: 0px;
overflow:auto;
background-image:url(http://i30.tinypic.com/34fiphe.png);}

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

#naviboxrechts{
position: absolute;
left:730px;
top:348px;
padding:11px;
width: 150px;
color: #191970;
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: #191970;}

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

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

li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
color: #191970;
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: #191970;
background-color:#ececec;
background-image:url(xx);  
border-bottom: 0px solid color:#ffffff; }

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

A.navi:link, A.navi:active, A.navi:visited {
display: block;
-moz-border-radius: 3px;
padding-left: 2px;
padding-bottom: 3px;
font-family: tahoma, arial;
font-size: 11px;
height: 10px;
margin-bottom: 2px;
border-left: 0px solid #c0c0c0;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color: #191970;
padding-top: 5px;
background-color: transparent;
text-align: center;
margin-top: 7px;
line-height: 10px;}

A.navi:hover {
display: block;
-moz-border-radius: 3px;
padding-left: 2px;
padding-bottom: 3px;
font-family: tahoma, arial;
font-size: 11px;
height: 10px;
margin-bottom: 2px;
border-bottom: 0px solid #d3d3d3;
border-left: 0px solid #a9a9a9;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color:  #4682b4;
text-shadow: #ffffff 0px 0px 10px;
background-color:tranparent;
text-align: center;
line-height: 10px;
background-image:url(http://i26.tinypic.com/6xxphx.png);}

A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 10px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 10px;
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: 15px;
border-top: 0px solid #DAE2E8;
color: #191970;
}

A.navi2:hover {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 3px;
font-family: Arial;
margin-left: 2px;
margin-top: 2px;
font-size: 10px;
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: 15px;
border-top: 0px solid #DAE2E8;
color: #4169e1;
background-image:url(http://i31.tinypic.com/200333t.png);}

A.navi3:link, A.navi3:active, A.navi3:visited {
display: block;
-moz-border-radius: 3px;
padding-left: 2px;
padding-bottom: 3px;
font-family: tahoma, arial;
font-size: 12px;
height: 10px;
margin-bottom: 2px;
border-left: 0px solid #c0c0c0;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color: #191970;
padding-top: 5px;
background-color: transparent;
text-align: center;
margin-top: 7px;
line-height: 10px;}

A.navi3:hover {
display: block;
-moz-border-radius: 3px;
padding-left: 2px;
padding-bottom: 3px;
font-family: tahoma, arial;
font-size: 16px;
height: 10px;
margin-bottom: 2px;
border-bottom: 0px solid #d3d3d3;
border-left: 0px solid #a9a9a9;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color: #191970;
text-shadow: #ffffff 0px 0px 10px;
background-color:tranparent;
text-align: center;
line-height: 10px;
}

Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht ! Sinnloser Text Damit Es Hier Länger Aussieht !