bombastiiclayout15

Home

So mein Nächstes Layout ist fertig. Diesmal ist es blau

. Ob die person auf dem Bild nun Mary-Kate oder Ashley Olsen ist weiß ich nicht genau:D . Hoffe aber ihr habt spaß damit =D

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

Deine Überschrift

Der Code

Text über dem Design:

scrollbar-face-color: #E8E8E8;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #9C9C9C;
scrollbar-darkshadow-color: #9C9C9C;
scrollbar-shadow-color: #9C9C9C;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color:#E8E8E8;
}                                                                 
a:link {
color: #009ACD; 
text-decoration:none;
text-transform:uppercase;  
} 
a:visited {color: #009ACD; 
text-transform:uppercase;  
text-decoration:none;
}

a:active {color: #009ACD; 
text-transform:uppercase;  
text-decoration:none;
} 
a:hover {color: #7AC5CD;
cursor:default;   
text-transform:uppercase;                              
}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 2px;
font-family: Century Gothic;
font-size: 10px;
background-color:FBFBFB;
margin-bottom: 2px;
border-bottom: 1px dotted #CCE5E5;
border-left: 4px solid #99CCFF; 
border-right: 0px dotted #7C757B; 
border-top: 0px dotted #7C757B; 
text-transform:uppercase;
letter-spacing: 1px;
color: #BEBEBE;
text-align: left;
line-height: 10px;}

A.navi:hover {
display: block;
padding-left: 2px;
font-family: Century Gothic;
font-size: 10px;
background-color:FFFFFF;
margin-bottom: 2px;
border-bottom: 1px dotted #F1F1F1;
border-left: 4px solid #CCE5FF; 
border-right: 0px dotted #7C757B; 
border-top: 0px dotted #7C757B; 
text-transform:uppercase;
letter-spacing: 1px;
color: #A4A4A4;
text-align: left;
line-height: 10px;}

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

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

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

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

font {				
color: #BCBCBC;			
font-family: Verdana;		
font-size: 10px;		
}

.bombastiic{
display: block;
font-family:Century Gothic;
text-transform:uppercase;
font-size: 11px;
background-color: F7FCFE;
color: #ffffff;
text-decoration: none;
border-bottom: 2px solid  #99CCFF;
margin-bottom: 6px;
margin-right: 1px;
line-height: 12pt;
text-align: center;
margin-top: 0px;
letter-spacing: 2px;
test-transform: uppercase;
background: url(http://i53.tinypic.com/263yaoh.jpg);
}

.bombastic{
display: block;
font-family:Century Gothic;
text-transform:uppercase;
font-size: 11px;
background-color: F7FCFE;
color: #ffffff;
text-decoration: none;
border-bottom: 2px dotted   #99CCFF;
border-left: 1px dotted   #99CCFF;
margin-bottom: 6px;
margin-right: 1px;
line-height: 12pt;
text-align: left;
margin-top: 0px;
letter-spacing: 2px;
test-transform: uppercase;
background: url(http://i52.tinypic.com/125ki9d.jpg);
}

TEXTAREA { Color: #191970;
width:220px;
height:90px;
background-attachment:fixed;
Font-Family: tahoma;
Background-color: #f0f8ff;
Font-Size: 11px;
border: 1px solid #778899;
}

INPUT { Color: #B1BAB5;
Background-color: #FFFFFF;
Font-Family: Verdana;
Font-Size: 10px;
width: 120px;
height: 20px;
Border: 1px solid #ECECEC;
}

.box {
margin-bottom: 10px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-top: 0px;
width:97%;
border: 1px dotted #D6D6D6;
-moz-opacity: 0.90; 
opacity: 0.90;
background: url(http://i52.tinypic.com/ih2y6x.png);
}

#content {
position: absolute;
top:510px;
margin-left: 87px;
width: 650px;
padding: 8px;
color:#7F7F7F;
font-family: verdana;
font-size:  11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;
border: 1px dotted #D6D6D6;
background: url(http://i52.tinypic.com/ih2y6x.png);
}

.inhaltetable { width: 100%;}
                                                             
                                                             
                                                             --> 
                             </style> 
                    
                                                                                                       
                        </head>                                                             
                                                                                                                                                                           <body bgcolor=#FFFFFF  background="http://i54.tinypic.com/zufvv8.png">
                                                                                                                                                                                    <IMG SRC="http://i54.tinypic.com/9i65ci.png" WIDTH=1024 HEIGHT=700 BORDER=0 STYLE="position:absolute; top: 0; left:0" border="0" >

<div class=box>
<p class=bombastiic> Navi </p>
<a href=http:// class=navi>Refresh</a>
<a href=http:// class=navi>Miss</a>
<a href=http:// class=navi>Site</a>
<a href=http:// class=navi>History</a>
<a href=http:// class=navi>Link me</a>
<a href=http:// class=navi>Contact</a>
</div>
 
</div>

<div style="overflow: visible; position: absolute; width: 204px; height: 298px; left: 488px; top: 140px"> 
<div class=box> 
<p class=bombastiic> Stuff. </p>

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

<div class=box>
<p class=bombastiic> Me </p>
<center>
<font>
Hallo mein name ist Spongebob und ich wohne in der kleinen Stadt Bikini Bottom mit meinem Freund Patrick geh ich gern Quallenfischen<br /> <a href="http://" > More? </a> </center>

</font>
</div>

<div class=box> 
<p class=bombastiic> Networks </p>
<a href=http:// class=navi>Guestbook</a>
<a href=http:// class=navi>Ask me</a>
<a href=http:// class=navi>Contests</a>
</div>

</div>

<p class=bombastiic>Credits</p>
<font>
<a href="http://bombastiic" target="blank"> Bombastiic </a> / <a href="http://sweetandtalented.com/olsenphoto.php" target="blank"> Bild</a></br>
(Texture by: <a href="http://shizoo.frozen-media.de" target="blank"> Shizoo </a>) 
</font>

</div>

<p class=bombastiic> Hello </p>                                             
<font>
Hey leute und herzlich wllkommen auf einer kleinen aber sehr feinen  <b> Homepage </b>! Hier findet ihr alles aber auch wirklich alles was ihr so benötigt<i> !!! </i> Also ich hoffe sie gefällt euch und das ihr hier etwas findet was ihr verwenden könnt

</font>

</div>

<p class=bombastiic> Affilates </p>

<br />
<font> meine Affiliates besucht sie  <i>!!! </i> </font>
</center>
</div>

</body> </html>

CSS-Code ohne Style Tags: