css tasarimlari 3

sayfa 1- sayfa2 - sayfa 3 - sayfa 4

 -Wii



Das kommt in "Text über dem Design" !

<div id="Design"> <div id="Header_oben"></div> 

Das kommt in "Text unter dem Design" !

<div id="Feld_unten"><b> </b></div></div> 

Das kommt in "Css-Code ohne Style-Tags" !

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} #Header_oben { height: 180px; width: 915px; background: ; background-image:url(http://img508.imageshack.us/img508/8569/unbenannt2eq9.png); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:45px;top:50px;} body {background-image:url(http://img158.imageshack.us/img158/2742/dsnewsupermariobroswallnq9.jpg);background-position: center center;} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 5px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image:url(http://img167.imageshack.us/img167/8425/unbenannt7dr9.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image: none; background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 922px; } #nav_container { width: 90px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; position:absolute;left:284px;top:240px;} #content { height: 340px; width: 540px; background:; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: #ffffff; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; position:absolute;left:399px;top:240px;} #sidebar_container { height: 340px; width: 214px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color:#ffffff ; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; position:absolute;left:45px;top:240px;} #counter{display: none;}

 - Bioshock

Das kommt in "Text über dem Design" !

<div id="Design"> <div id="Header_oben"></div> 

Das kommt in "Text unter dem Design" !

<div id="Feld_unten"><b> </b></div></div> 

Das kommt in "Css-Code ohne Style-Tags" !

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img530.imageshack.us/img530/1357/unbenannt1ej6.jpg); color: #EBB000; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} body {background-image:url(http://img183.imageshack.us/img183/5760/bioshockfairground1bn5.jpg);background-position: center center;} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img403.imageshack.us/img403/8486/unbenannt11vy2.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img443.imageshack.us/img443/638/unbenannt12rs3.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 922px;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #EBB000; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: #ffffff; border: 1px solid #EBB000; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 148px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color:#ffffff ; border: 1px solid #EBB000; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 892px; background: #000000; color: ffffff; clear: both; border: 1px solid #EBB000; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}