bombastiiclayout13

Home

So Leute ich bin jetzt wieder mit einem Layout am Start. Es ist wieder Braun (keine Ahnung aber mir gefällt diese Farbe im Moment). Naja ich finde es eigentlich sehr gut und ich hoffe ihr findet es auch ganz ok oder ihr findet es Super und verwendet es.

So sieht euer Text Fett Kursv Unterstrichen ~~Durchstrichen~~ und als Link aus.

überschrift

der Code

Text über dem Design:

scrollbar-face-color: #FEFDCD;
scrollbar-highlight-color: #FEFDCD;
scrollbar-3dlight-color: #FEF883;
scrollbar-darkshadow-color: #FEF883;
scrollbar-shadow-color: #F7F076;
scrollbar-arrow-color: #ECDD41;
scrollbar-track-color: #FEFDCD;
}                                                                 
a:link {
color: #CD6600; 
text-decoration:none; 
} 
a:visited {color: #CD6600;  
text-decoration:none;
}

a:active {color: #CD6600; 
text-decoration:none;
} 
a:hover {color: #CD853F;
cursor:default;      
border-bottom: 1px solid #CD853F;
               
}

#content {
position: absolute;
top:216px;
margin-left:364px;
width: 410px;
padding: 8px;
color:#8B7765;
font-family: tahoma,arial;
font-size:  11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
-moz-border-radius-topright: 15px;
overflow:auto;
border: 1px dotted #EED6AF;
background: url(http://i51.tinypic.com/dpwgfd.png);
}

A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 11px;
font-family: trebuchet ms;
font-size: 10px;
margin-left: 3px;
margin-bottom: 2px;
border-left: 5px solid #FFEBCD; 
border-right: 5px solid #FFEBCD; 
letter-spacing: 2px;
background: url(http://i56.tinypic.com/smyc6u.png);
border-bottom: 1px solid #FFEBCD; 
text-transform: uppercase;
color: #A39480;
line-height: 15px;}

A.navi:hover {
display: block;
padding-left: 11px;
font-family: trebuchet ms;
font-size: 10px;
margin-left: 3px;
margin-bottom: 2px;
border-left: 5px solid #FFEFD5; 
border-right: 5px solid #FFEFD5; 
background: url(http://i56.tinypic.com/2mm5tea.png);
letter-spacing: 2px;
border-bottom: 1px solid #FFEFD5; 
text-transform: uppercase;
color: #CDBA96;
line-height: 15px;}

b, strong{
   color:#8B4500;

}

i, em{
   color:#AA5303;
}

u{
  color: #8B7355;
  text-decoration:underline;
}

s, strike{
   color:#CD6600;
}

font {				
color:#8B7765;		
font-family: trebuchet ms;		
font-size: 10px;	
line-height: 15px;
}

.bombastiic{
display: block;
font-family:Trebuchet ms;
font-size: 13px;
background: url(http://i56.tinypic.com/smyc6u.png);
color: #4C664C;
padding-left: 18px;
text-decoration: none;
border-bottom: 2px solid #EED5B7;
background-color: #FEFCDA;
margin-bottom: 6px;
margin-right: 1px;
line-height: 15px;
margin-top: 2px;
letter-spacing: 3px;
text-transform: uppercase;
}

TEXTAREA { Color: #855E42;
width:220px;
background-color: #FFFAF0;
height:90px;
background-attachment:fixed;
Font-Family: Trebuchet ms;
Font-Size: 10px;
border: 1px solid #FFEBCD;
}

INPUT { Color: #8B7E66;
Font-Family: Trebuchet ms;
Font-Size: 10px;
background-color: #FFFAF0;
width: 120px;
height: 20px;
border: 1px solid #FFFAF0;
}

.box {
margin-bottom: 10px;
padding-left: 3px;
padding-top: 1px;
padding-bottom: 3px;
padding-right: 3px;
background: url(http://i51.tinypic.com/dpwgfd.png);
-moz-border-radius-topleft: 15px;
width:96%;
border: 1px dotted #EED6AF;
}

.box2 {
margin-bottom: 10px;
padding-left: 3px;
padding-top: 1px;
padding-bottom: 3px;
padding-right: 3px;
background: url(http://i51.tinypic.com/dpwgfd.png);
width:96%;
border: 1px dotted #FEFED9;
}

.inhaltetable { width: 100%;
}
                                                             
                                                           
                                                             --> 
</style>

</head>                                                             
                 
                                                                                                                                                                           <body bgcolor=#FFFFFF background="http://i55.tinypic.com/2v920ap.png">                                                                                                 
<IMG SRC="http://i52.tinypic.com/qrfcqs.png" WIDTH=1024px HEIGHT=700px BORDER=0  
STYLE="position:absolute; top: 0; left:0" USEMAP="#wonderful1_Map">

<div style="overflow: visible; position: absolute; width: 175px;  left: 186px; top:216px;"> 
<div class=box>
<p class=bombastiic> Welcome </p>
<font>
hallo und herzlich willkommen auf meiner kleinen page ich hoffe sie wird euch gefallen <img src="//theme.webme.com/smiles/cheesy.gif" border="0" width="15" height="15" alt="" />
</font>

</div>
<div class=box2>
<p class=bombastiic> Menü </p>
<a href=http:// class=navi>Home</a>
<a href=http:// class=navi>About me</a>
<a href=http:// class=navi>About the Site</a>
<a href=http:// class=navi>GBook</a>
</div>

<p class=bombastiic> Me </p>
<font>
Ich bin Marie gehe in die 9. klasse und bin sehr gut in der schule weil ich immer nur einsen schreibe und meine eltern sich darüber freuen <a href="http://">Mehr?</a>
</font>

</div>

<div class=box2>
<p class=bombastiic> Stuff</p>
<a href=http:// class=navi>Icons</a>
<a href=http:// class=navi>Layouts</a>
<a href=http:// class=navi>Wallys</a>
<a href=http:// class=navi>Material</a>
<a href=http:// class=navi>Texturen</a>
</div>

<div class=box2>
<p class=bombastiic> Credits</p>
<a href=http://bombastiic.de.tl class=navi>Layout</a>
<a href=http://http://www.shizoo-design.de/ class=navi>Textur + Brushes</a>
<a href=http://widjita.deviantart.com/ class=navi>Picture</a>

</div>
</div>

CSS-Code ohne Style Tags: