. - CSS Design

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);}