bombastiiclayout22

Home

Und schon das nächste Layout. diesmal etwas simpler als das andere. Es ist schwarz/weiß und rot gehalten, da ich finde das es sehr passt ja und ich hoffe es gefällt euch.

So sieht dein Text Fett Kursiv Unterstrichen ~~Durchstrichen~~ und als Link aus.

das ist deine Ueberschrift

der Code

Text über dem Design:

<div style="overflow: visible; position: absolute; width: 190px; left: 335px; top:130px; height:250px;"> 
<div class=box>
<p class=bombastiic> willkommen </p>
...  zu meiner kleinen aber sehr feinen kleinen HP auf der ich sachen über mich verrate und sachen für euch anbiete habe also hoffe ich das für jeden etwas dabei ist wenn nicht einfach bescheid sagen und ich versuche etwas zu verbessern <img src="//theme.webme.com/smiles/cheesy.gif" border="0" width="15" height="15" alt="" />
</div></div>

<div style="overflow: visible; position: absolute; width: 190px; left: 535px; top:130px; height:250px;"> 
<div class=box>
<p class=bombastiic> Menü </p>
<a href=http:// class=navi2>Home</a>
<a href=http:// class=navi2>About</a>
<a href=http:// class=navi2>the Site</a>
<a href=http:// class=navi2>Guestbook</a>
<a href=http:// class=navi2>Exit</a>
</div></div>

<div style="overflow: visible; position: absolute; width: 190px; left: 735px; top:130px; height:250px;"> 
<div class=box>
<p class=bombastiic>Cuties </p>
Ich bin eva und ich lebe mit meinen Mann Adman in einem sehr schönen Garten hier gibt es viele tieren die sehr lieb sind außer die schlagen die versuchen mir immer was einzureden ...  und ich liebe es Äpfel zu essen  <br /><a href="http://" target="_blank">  Mehr ?</a>
</div></div>

<div style="overflow: visible; position: absolute; width: 191px;  top:806px;left:305px;x"> 
<div class=box>
<p class=bombastiic>Stuff </p>
<font>

lest euch vorher die Regeln durch !
</br>
<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">

<a href=http://  class=navi>Icons</a>

<a href=http://  class=navi>Wallies</a>
<a href=http:// class=navi>Layouts</a>
</td>
<td>

<a href=http:// class=navi>Material</a>
<a href=http:// class=navi>PNGs</a>
<a href=http:// class=navi>Textures</a>

</td>
</tr>
</tbody></table>

</center>
</font>
</div>

<div class=box>
<p class=bombastiic>Cuties </p>
<font>

Cuties werden noch gesucht.
</br>
<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">

</td>
<td>

</td>
</tr>
</tbody></table>

</center>
</font>
</div>

<div class=box>
<p class=bombastiic> Credits </p>
<a href="http://bombastiic.de.tl" class=navi target=blank> Designer </a> 
<a href="http://www.sweetandtalented.com/" class=navi target=blank> Designer </a> 
<a href="http://the-peril.com/" class=navi target=blank> Textur</a> 
<br /><a href="http://" target="_blank">  andere Credits hier</a>
</div>
</div>

CSS-Code ohne Style Tags:

.bombastiic{
display: block;
font-family:Arial;
padding-left: 10px;
text-transform:uppercase;
font-size: 12px;
background-color: #d50000;
color: #e4e4e4;
text-decoration: none;
border-bottom: 3px solid #7c0000;
margin-bottom: 6px;
margin-right: 1px;
line-height: 12pt;
text-align: left;
margin-top: 2px;
letter-spacing: 2px;
test-transform: uppercase;
}

#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: #c0c0c0;
font-family: tahoma, arial;
border-bottom: 0px dotted #bababa;}

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

*{ padding: 0; margin: 0; }

#Mein_Bild {
margin-top: 100px;
margin-left:305px;
width:700px;
height:600px;
border:0px;
background-image: url(http://i51.tinypic.com/t4vf55.jpg);
}

#content {
position: absolute;
top:806px;
margin-left:505px;
width: 470px;
padding: 13px;
border-top: 1px solid #616161;
border-left: 1px solid #616161;
border-right: 1px solid #616161;
color: #c4c4c4;	
font-family: tahoma,arial;
font-size:  11px;
text-align: justify;
word-spacing: px;
letter-spacing: 0px;
overflow:auto;
background-color: #6d6d6d;}

A.navi:link, A.navi:active, A.navi:visited {
display: block; 
padding-left: 3px ;
padding-top: 3px ;
padding-bottom: 3px ;
padding-right: 3px;
text-transform: uppercase;
border-left: 4px solid #a40000;
 text-align: left; 
 font-family: Arial;
 font-size : 10px ; 
 color: #c5c5c5; 
letter-spacing: 2px;
 line-height: 10px; 
 margin-top: 1px;
}

A.navi:hover {
display: block; 
background-color: transparent;
padding-left: 3px ;
padding-top: 3px ;
padding-bottom: 3px ;
padding-right: 3px;
text-transform: uppercase;
border-left: 4px solid #950000;
 text-align: left; 
 font-family: Arial ;
letter-spacing: 2px;
 font-size : 10px ; 
 font-size : 10px ; 
 color: #9d9d9d; 
 line-height: 10px; 
 margin-top: 1px;
}

A.navi2:link, A.navi2:active, A.navi2:visited {
display: block; 
padding-left: 3px ;
padding-top: 3px ;
padding-bottom: 3px ;
padding-right: 3px;
text-transform: uppercase;
border-bottom: 1px solid #666666;
 text-align: center; 
 font-family: Arial;
 font-size : 10px ; 
 color: #c5c5c5; 
letter-spacing: 2px;
 line-height: 10px; 
 margin-top: 1px;
}

A.navi2:hover {
display: block; 
background-color: #717171;
border-bottom: 1px dotted #818181;
padding-left: 3px ;
padding-top: 3px ;
padding-bottom: 3px ;
padding-right: 3px;
text-transform: uppercase;
 text-align: center; 
 font-family: Arial ;
letter-spacing: 2px;
 font-size : 10px ; 
 font-size : 10px ; 
 color: #9d9d9d; 
 line-height: 10px; 
 margin-top: 1px;
}

.box {
margin-bottom: 10px;
padding-left: 3px;
text-align: center;
background-color: #6d6d6d;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
width:96%;
height: 120px;
color: #c4c4c4;			
font-family: Arial;		
font-size: 11px;	
line-height: 12px;	
border: 1px solid #616161;
}

TEXTAREA { Color: #cfcfcf;
margin-bottom: 10px;
padding-left: 3px;
background-color: #666666;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
width: 200px;
height: 90px;
border: 1px solid #1c0000;
}

b, strong{
color: #f60000;
font-family: Verdana;		
font-size: 10px;	
}

i, em{
color: #d50000;
font-family: Verdana;		
font-size: 10px;	
}

u{
color: #d6d6d6;
text-decoration:underline;
font-family: Verdana;		
font-size: 10px;	
}

s, strike{
color:#d6d6d6;
font-family: Verdana;		
font-size: 10px;	
}

font {				
color: #c4c4c4;			
font-family: Arial;		
font-size: 11px;	
line-height: 12px;	
}