bombastiiclayout10

Home

Naja jetzt gibts endlich wieder ein Layout von mir.
Es ist etwas schlichter als die anderen und etwas kleiner und zum erstenmal ein männliches Model (Kanye West).
Habt Spaß damit !

So sieht dein Text fett kusriv unterstrichen
~~durchstrichen~~ und als link aus.

Deine Überschrift

DER LAYOUT CODE

Text über dem Design:

<style>

.bombastiic{
display: block;
font-family: arial;
font-weight: bold;
text-transform: uppercase;
font-style: italic;
text-shadow: #ffffff 0px 0px 6px;
 font-size: 10pt;
padding-left: 5px;
color: #FFFFFF;
-moz-border-radius: 2px;
text-decoration: bold;
text-align:center;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: 1px;
border-left: 2px solid #c0c0c0;
border-right: 2px solid #c0c0c0;
border-top: 1px solid #d0d0d0;
}

.bombastiic1{
display: block;
font-family: arial;
font-weight: bold;
font-style: italic;
text-shadow: #ffffff 0px 0px 6px;
 font-size: 14pt;
padding-left: 5px;
color: #FFFFFF;
-moz-border-radius: 10px;
text-decoration: bold;
text-align: left;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: -1px;
border-left: 6px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
background-image: url('http://i47.tinypic.com/2lw2j9f.png');}

#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;}
 #bling-gb_content {display: none;}
 div.header{display: none;}

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

text-decoration: none;}

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

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

body {
overflow-x: hidden;
background-image: url('http://i51.tinypic.com/2ebg00x.jpg');

}

*{ padding: 0; margin: 0; }

#content {
position: absolute;
top:50px;
margin-left:245px;
width: 415px;
height: 557px;
padding: 8px;
color:#b6b6b6;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
font-family: tahoma,arial;
font-size:  11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;
background-image:url(http://i56.tinypic.com/262nqjm.png);  
}

#textbox{
position: absolute;
left:215px;
top:395px;
-moz-border-radius: 5px;
padding: 8px;
width: 155px;
background-image:url;
border:0px solid #FFFFFF;
color: #bababa;
font-family: verdana;
font-size:  11px;

word-spacing: 0px;
letter-spacing: 0px;
overflow:auto;}

#nav_container{
position: absolute;

top:655px;
margin-left: 50px;
high: 100px;
width: 121px;
font-family: Verdana;

border:0px solid #333333;}

::-moz-selection
{
background: #000000;
color: #ffffff;
}

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-bottom: 0px solid #ffffff;
border-left: 0px solid #ffc9d5;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color: #bababa;
padding-top: 5px;
background-color: #ffffff;
text-align: center;
margin-top: 7px;
line-height: 10px;
background-image:url(http://i52.tinypic.com/wrhxtg.png);  
}

A.navi:hover {
display: block;
-moz-border-radius: 8px;
padding-left: 2px;
padding-bottom: 3px;
font-family: tahoma, arial;
font-size: 11px;
height: 10px;
margin-bottom: 0px;
border-bottom: 0px solid #ffffff;
border-left: 0px solid #ffc9d5;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
letter-spacing: 1px;
margin-right: 3px;
color: #afafaf;
text-shadow: #ffffff 0px 0px 4px;
background-color:#ffffff;
text-align: center;
line-height: 10px;
background-image: url('http://i52.tinypic.com/wrhxtg.png');
}

A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
padding-top: 7px;
padding-left: 5px;
text-align: center;
-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: 1px solid  #b6b6b6;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
background-color: #000000;
height: 15px;
border-top: 0px solid #DAE2E8;
color: #b6b6b6;
}

A.navi2:hover {
display: block;
padding-top: 7px;
text-align: center;
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: 1px solid  #ffffff;
border-left: 0px solid #DAE2E8;
border-right: 0px solid  #C8CFD5;
height: 15px;
border-top: 0px solid #DAE2E8;
color: #b6b6b6;
background-image:url(http://i56.tinypic.com/262nqjm.png);
}

</style>

<div  style="position: absolute; left:250px ; top:10px ; 
width:82px; height:150px;">
<a href="http://url" class="navi2">About Me</a>
</div>

<div  style="position: absolute; left:360px ; top:10px ; 
width:82px; height:150px;">
<a href="http://url" class="navi2">About Site</a>
</div>

<div  style="position: absolute; left:480px ; top:10px ; 
width:62px; height:150px;">
<a href="http://url" class="navi2">Stuff</a>
</div>

<div  style="position: absolute; left:200px ; top:633px ; 
width:62px; height:150px;">
<div style="background-image: url(http://i52.tinypic.com/25uipet.jpg);
            width:  152px;
            height: 80px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 6px;
border-left: 5px solid #000000;
">
<span style="font-size: smaller;"><span style="color: #b6b6b6;">Hier Schreibt du von mir aus deinen Willkommenstext hin oder was auch immer <img src="//theme.webme.com/smiles/cheesy.gif" border="0" width="15" height="15" alt="" /></span></span>
</div></div>

<div  style="position: absolute; left:480px ; top:633px ; 
width:62px; height:150px;">
<div style="background-image: url(http://i52.tinypic.com/25uipet.jpg);
            width:  152px;
            height: 80px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 6px;
border-left: 5px solid #000000;
">
<span style="font-size: smaller;"><span style="color: #b6b6b6;">hier kannst du dann etwas über dich schreiben oder auch nicht kommt ganz auf dich an und so</span></span>
</div></div>

CSS-Code ohne Style Tags