bombastiiclayout23

Home

Ich wollte diesmal mal ein Layout machen, ohne irgendwelche Bilder zu verwenden und muss sagen es gefällt mir eigentlich. Und außerdem ist es besser da die Bilder immer so lange brauchen um zu laden. Also habt Spaß damit.

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

Der Code

Text über dem Design:

CSS-Code ohne Style Tags:

#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;}
 #bombastiic_content {display: none;}
 div.header{display: none;}
h2#title{display: none;}

a:link {
color: #9c0000;
font-family: tahoma, arial;
text-decoration: none;}

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

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

body {
overflow-x: hidden;
background-color: #F5F5DC;
}

#Background {
margin-top: -130px;
margin-left: 0px;
width:1720px;
height:350px;
border:0px;
background-image: url(xxxx);
}

#content {
position: absolute;
top:363px;
margin-left:391px;
width: 574px;
padding: 8px;
color:#333333;
font-family: tahoma,arial;
font-size:  11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;
background-color: #FFFFFF;
Border-bottom: 10px solid #b40000;
}

#Laybox1 {
position: absolute;
top:133px;
margin-left:391px;
width: 3774px;
height: 80px;
background-color: #b40000;
}

#Laybox2 {
position: absolute;
top:213px;
margin-left:391px;
width: 590px;
height: 150px;
background-color: #000000;
}

A.navi:link, A.navi:active, A.navi:visited {
text-decoration: none;
padding-top: 56px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
text-transform: uppercase; 
text-align: center;  
font-family: Arial; 
font-size : 18px ;  
color: #000000;  
letter-spacing: 2px; 
line-height: 50px;  
background-color: transparent; 
}

A.navi:hover {  
padding-top: 56px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
text-transform: uppercase; 
text-align: center;  
font-family: Arial; 
font-size : 18px ;  
color: #FFFFFF;  
letter-spacing: 2px; 
line-height: 50px;  
background-color:#000000; 
}

.bombastiic{
font-family: arial;
font-weight: bold;
 font-size: 12pt;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
color: #000000;
text-transform: uppercase; 
text-align: left;
margin-left: -8px;
margin-right: -8px;
margin-top: -8px;
line-height: 12 px;
letter-spacing: 1px;
border-bottom: 3px solid #000000;
background-color: #F5F5DC;
}

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

Das ist deine Ueberschrift