>>CSS-Codes-Design

Hier sind einige CSS-Codes:

Body:

body { background-color: #0000FF;} *{ padding: 0; margin: 0; } #Mein_Bild { margin: 0 auto; width: 980px; height:500px; background-image:url(HIER DEINE BILD-URL);} 

Header:

#header_container { position: absolute; left: 40%; margin-left:-490px; width: 1230px; height:150px; background-color:#343434 ; background-image:url(hier die bild url für den headerhintergrund); color:#FFFFFF; font-size:13px; border: 1px solid #FFFFFF;} 

Sidebar-Container:

#sidebar_container{ position: absolute; left: 60%; top:190px; margin-left: 300px; width: 190px; height: 1020px; background-color:#343434; background-image:url(hier die bild url); border:1px solid #FFFFFF; color:#000000; overflow:auto;}

Navigations-Container:

#nav_container{ position: absolute; left: 40%; top:190px; margin-left: -490px; width: 160px; border:1px solid #FFFFFF;} ul#nav{ width: 130px; padding: 0px; margin: 0px;} li.nav_element{ list-style-type: none; position: relative; padding:5px; width: 115px;} li.nav_element a{ display: block; width: 115px; padding:4px; font-weight: bold; text-decoration: none; text-align: left; color:#F2F2F2; background-color:#343434; background-image:url(hier die button url 1); border: 2px solid #000000;} li.nav_element a:hover{ color: #000000; background-color:#C9C9C9; background-image:url(hier die butten url 2);} 

Textfeld in der Mitte:

#content { position: absolute; left: 40%; top: 190px; margin-left:-320px; width: 830px; height: 1000px; padding:10px; color: #F2F2F2; font-size:13px; background-color:#343434; background-image:url(hier die bild url); border: 1px solid #FFFFFF; overflow:auto;} 

Zähler:

#counter { position: absolute; left: 5%; top:1230px; margin-left: 300px; width: 500px; height:20px; color##FFFFE0; font-size:13px; border: 1px solid #FFFFFF ;}