bombastiiclayout4

Home

Da einige mich gefragt haben ob ich mein Mainlay anbieten oder ihnen den Code geben kann habe ich mich dazu entschlossen ein Layout zu machen das fast genau so aussieht wie mein ... naja von coding her ^^.
Die farbe könnt ihr gerne verändern aber bitte trotzdem den Creditlink dranlassen >.<.
und ansonsten viel Spaß mit dem Layout.

So sieht der Text fett kursiv unterstrichen ~~durchgestrichen~~ aus.

Deine Überschrift

der Code

Text über dem Design:

<div style="background-image: url(http://i29.tinypic.com/2a85829.jpg);
            width:  217px;
            height: 115px;
 -moz-border-radius: 6px;
">
<p class="bombastiic1">Herzlich ... </p>

<span style="font-size: 11px;"><span style="color: rgb(255, 255, 255);">Willkommen auf meiner seite hier werdet ihr was interessantes finden wie zum beispiel mehr über mich den seiteninhaber aber auch sehr viel stuff für euch und eurer seite oder für foren bla bla bla hier kommt der willkommens text hin ..</span></span>
<br><br></div>
</div>

<div style="background-image: url(http://i29.tinypic.com/2a85829.jpg);
            width:  217px;
            height: 115px;
 -moz-border-radius: 6px;
">
<p class="bombastiic1">About me </p>

<span style="font-size: 11px;"><span style="color: rgb(255, 255, 255);">Hallo mein name ist peter ich gehe in die 10 klasse einer oberschule und dort ist es sehr geil und bla blah blah meine hobbies sind reiten schwimen und tanzen und nebenbei betreue ich diese hp bla bla bla hier kommt was über dich rein</span></span>
<br><br></div>
</div>

<div style="background-image: url(http://i29.tinypic.com/2a85829.jpg);
            width:  217px;
            height: 115px;
 -moz-border-radius: 6px;
">
<p class="bombastiic1">Cutis /Netowrks/Ticker </p>

<span style="font-size: 11px;"><span style="color: rgb(255, 255, 255);">Keine ahung was du hier reinmachen willst vielleicht deine cutis oder dein twitter oder ein link zu einem deiner networks (facebook, jappy,youtube) oder deinen jappy ticker egal so wie du es magst halt</span></span>
<br><br></div>
</div>

<div style="background-image: url(http://i27.tinypic.com/zn9c80.jpg);

width:  217px;
            height: 158px;
            -moz-border-radius: 6px;
">

<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://i28.tinypic.com/10if9k8.jpg);

width:  217px;
            height: 88px;
 -moz-border-radius: 6px;
">
<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></td>

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

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

<div style="background-image: url(http://i28.tinypic.com/2mdpb0l.jpg);
            width:  217px;
            height: 199px;
 -moz-border-radius: 6px;
">
<p class="bombastiic1">Affiliates</p>

<td style="width: 50%">
<a href="http://URL" target="_blank"><img src="http://i27.tinypic.com/wqpldl.jpg" border="0"></a> 
<a href="http://URL" target="_blank"><img src="http://i27.tinypic.com/wqpldl.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="background-image: url(http://i32.tinypic.com/w0q6te.jpg);
            width:  217px;
            height: 125px;
 -moz-border-radius: 6px;
">
<p class="bombastiic1">the Site</p>
<img src="http://i31.tinypic.com/2q898qo.png" _fcksavedurl="http://i31.tinypic.com/2q898qo.png" border="0" align="left">
<span style="font-size: 11px;">Das Lay ist am besten geeignet für Firefox , das Model ist die Sängerin Ke$ha und die Farben sind ....<a href="http://URL"><span style="font-size: 10px;"><span style="font-size: 12px;">Mehr?</span></span></a></span>
<br><br></div>
</div>

<div  style="position: absolute; left:112px ; top:1250px ; width: 230px; height: 150px;">
<div style="background-image: url(http://i26.tinypic.com/31625oi.jpg);
            width:  217px;
            height: 65px;
 -moz-border-radius: 6px;
">
<p class="bombastiic1">Counter</p>
<span style="font-size: 12px;">hier kannst du deinen Counter reinstellen oder was auch immer du willst <img src="http://theme.webme.com/smiles/cheesy.gif" border="0"></span>
<br><br></div></div>

<div style="background-image: url(http://i29.tinypic.com/2a85829.jpg);
            width:  217px;
            height: 65px;
 -moz-border-radius: 6px;
">
<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.keshasparty.com/de" class="navi3">Bilder</a>

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

</div>

CSS-Code ohne Style Tags:

.navifont{
display: block;
text-transform: uppercase;
font-family: arial;
font-weight: bold;
font-size: 12px;
color: #5b5b5b;
text-align: left;
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: tahoma;
font-weight: bold;
font-style: italic;
text-shadow: #ffffff 0px 0px 6px;
 font-size: 12pt;
padding-left: 5px;
color: #FFFFFF;
-moz-border-radius: 3px;
text-decoration: bold;
text-align: center;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: -1px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 1px solid #c0c0c0;
border-bottom: 0px solid #d0d0d0;}

.ueberschrift{
display: block;
font-family: tahoma;
font-weight: bold;
font-style: italic;
text-shadow: #ffffff 0px 0px 6px;
 font-size: 11pt;
padding-left: 5px;
color: #FFFFFF;
-moz-border-radius: 3px;
text-decoration: bold;
text-align: center;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: -1px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 1px solid #c0c0c0;
border-bottom: 0px solid #d0d0d0;
background-image: url(http://i25.tinypic.com/nx6mvn.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;}
 #bling-gb_content {display: none;}
 div.header{display: none;}

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

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

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

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

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin-top: -130px;
width:1720px;
height:780px;
border:0px;
background-image: url(http://i32.tinypic.com/ou34vt.jpg);
}

#content {
position: absolute;
top:630px;
margin-left:335px;
width: 420px;
padding: 13px;
color:#ffffff;
-moz-border-radius: 6px;
font-family: tahoma,arial;
font-size:  11px;
text-align: justify;
word-spacing: px;
letter-spacing: 0px;
overflow:auto;
background-color: 0000ff;
background-image: url(http://i30.tinypic.com/znkegx.jpg);}

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

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

#nav_container{
position: absolute;
top:140px;
margin-left: 800px;
high: 100px;
width: 121px;
font-family: Verdana;

border:0px solid #333333;}

::-moz-selection
{
color: #b6ff1c;
}

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;
-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: right;
word-spacing: 0px;
letter-spacing: 0px;
color: #bababa;
background-color:#ececec;
background-image:url(xx);  
border-bottom: 0px solid color:#ffffff; }

li.nav_element a:hover{
color: #2323b2;
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: #ffffff;
padding-top: 5px;
background-color: transparent;
text-align: left;
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: #000000;
text-shadow: #ffffff 0px 0px 10px;
background-color:tranparent;
text-align: left;
line-height: 10px;
background-image:url(http://i28.tinypic.com/w2hul1.jpg);}

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: #ffffff;
}

A.navi2:hover {
display: block;
padding-top: 7px;
padding-left: 5px;
-moz-border-radius: 1px;
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: #000000;
background-image:url(http://i25.tinypic.com/2wp6l4j.jpg);}

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: 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: #ffffff;
padding-top: 5px;
background-color: transparent;
text-align: left;
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: 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: #000000;
text-shadow: #ffffff 0px 0px 10px;
background-color:tranparent;
text-align: left;
line-height: 10px;
background-image:url(http://i28.tinypic.com/j0e6qa.jpg);}