bombastiiclayout16

Home

Mal wieder etwas neues .. Ein Layout. Dieses Gefällt mir nicht so besonders. Das liegt bestimmt an dem Header, aber ihr drüft es rühig ändern und durch ein anderes ersetzten, wenn ihr möchtet. Ansonsten viel spaß damit.

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

Credits

der code

Text über dem Design:

scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #F4F4F4;
scrollbar-3dlight-color: #E0E0E0;
scrollbar-darkshadow-color: #F4F4F4;
scrollbar-shadow-color: #EAEAEA;
scrollbar-arrow-color: #E0E0E0;
scrollbar-track-color: #FFFFFF;
}                                                                 
a:link {
color: #4C4C4C; 
text-decoration:none; 
letter-spacing: 0px;
} 
a:visited {color: #7F7F7F;  
text-decoration:none;
letter-spacing: 0px;
}

a:active {color: #7F7F7F; 
text-decoration:none;
letter-spacing: 0px;
} 
a:hover {color: #7F7F7F;
cursor:default;       
letter-spacing: 0px;               
}

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-bottom: 1px dotted #C0C0B2;
border-right: 4px solid #C0C0B2;
 text-align: left; 
 font-family: Arial;
 font-size : 10px ; 
 color: #B2B299; 
letter-spacing: 2px;
 line-height: 10px; 
 margin-top: 1px;
}

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

b, strong{
   color:#4C4C4C;
font-family: Arial;		
font-size: 11px;	
}

i, em{
   color:#666666;
font-family: Arial;		
font-size: 11px;	
line-height: 14px;	
}

u{
  color: #666666;
  text-decoration:underline;
font-family: Arial;		
font-size: 11px;	
line-height: 14px;	
}

s, strike{
   color:#666666;
font-family: Arial;		
font-size: 11px;	
line-height: 14px;	
}

font {				
color: #A4A4A4;			
font-family: Arial;		
font-size: 11px;	
line-height: 14px;	
}

.bombastiic{
display: block;
font-family:Arial;
text-transform:uppercase;
font-size: 12px;
background: url('http://i55.tinypic.com/ra5buo.png');
color: #4C4C4C;
text-decoration: none;
border-bottom: 1px solid #B2B299;
margin-bottom: 6px;
margin-right: 1px;
line-height: 12pt;
text-align: left;
margin-top: 2px;
letter-spacing: 2px;
test-transform: uppercase;
}

#content {
position: absolute;
top:472px;
margin-left: 347px;
width: 400px;
padding: 8px;
color:#7F7F7F;
font-family: verdana;
font-size:  11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;
-moz-opacity: 0.60; 
opacity: 0.60;
border: 1px solid #E4E4E4;
background: url('http://i56.tinypic.com/ne854x.png');
}

.box {
margin-bottom: 10px;
padding-left: 3px;
background-color: #F8F8F8;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
width:96%;
border: 1px solid #E4E4E4;
background: url('http://i56.tinypic.com/ne854x.png');
}

TEXTAREA { Color: #4C4C4C;
width:220px;
height:90px;
background-attachment:fixed;
background-color: #F2F2E5;
Font-Family: Arial;
Font-Size: 11px;
border: 2px solid #E8E8E8;
}

INPUT { Color: #333333;
Font-Family: Arial;
Font-Size: 11px;
background-color: transparent;
width: 120px;
height: 20px;
Border: 1px solid #DEDEDE;
}

.inhaltetable { width: 100%;
}
                                                             
                                                             
                                                             --> 
</style>                                                                                                
</head>                                                             
                                                                                                                                                                           <body bgcolor=#FFFFFF background="http://i51.tinypic.com/n3auf9.png">

<div class=box>
<p class=bombastiic> Welcome.. </p>
<font><center>
Hallo ihr lieben leute und Herzlich willkommen zu meiner kleinen aber sehr sehr sehr feinen kleinen homepage auf der ich sachen über mich verrate aber auch sachen für euch zum anbieten 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="" /></b></br></br></center>

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

<div style="overflow: visible; position: absolute; width: 290px; left: 475px; top:3px; height:150px;"> 
<div class=box>
<p class=bombastiic> About me </p>
<font><center>
Mein name ist eva und ich lebe mit meinen Mann Adman in einem sehr schönen Garten hier gibt es eine unzahl an tieren die sehr lieb sind außer die schlagen die versuchen mir immer was einzureden ... achso und ich liebe es Äpfel zu essen  <br /><a href="http://" target="_blank">  Mehr ?</a></center>

</font>

</div></div>

<div style="overflow: visible; position: absolute; width: 191px;  left: 156px; top:473px"> 
<div class=box>
<p class=bombastiic> Menü </p>
<a href=http:// class=navi>Home</a>
<a href=http:// class=navi>About</a>
<a href=http:// class=navi>the Site</a>
<a href=http:// class=navi>Guestbook</a>
<a href=http:// class=navi>Exit</a>
</div>

<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> 
</div>
</div>

CSS-Code ohne Style Tags: