.

CSS Design

CSS DESIGN.

Bei Text über dem Design: <div id="Mein_Bild"> </div>     
   

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


2) Hintergrundbild
body {
background: url(
*{ padding: 0; margin: 0; }

3) Euer Designbild mit der Größe 1200px mal 800px
#Mein_Bild {
margin: 600 auto;        
width: 1200px;             
height:800px;
background-image:url(Link eures Bildes);} 


4) Textfeld
#content {
position: absolute;
left: 0%;                  
top: 106px;             
margin-left:553px;  
width: 493px;         
height: 616px;        
padding:10px;
color: #000000;
font-size:13px;
background-color:#transparent;    
border: 0px solid #FFFFFF;
overflow:auto;}


5) Rechte Box
#sidebar_container{
position: absolute;
left: 0%;                                 
margin-left: 366px;                 
width: 174px;                           
height: 130px;                         
background-color:#transparent; 
background-image:url;
border:0px solid #FFFFFF;
color:#000000;
overflow:auto;}

6)Navigation
#nav_container{
position: absolute;
left: 0%;                                
top:170px;                               
margin-left: 366px;                  
width: 174px;                           
background-color:#transparent;
border:1px solid 000000;}

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;
width: 95px;
padding:1px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:transparent;
background-color:000000;
background-image:url(xx);  
border: 0px solid transparent;}

li.nav_element a:hover{
color: transparent;
background-color:000000;
background-image:url(xx);}  

=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=