- css tasarimlari 4

css tasarimlari 4

sayfa 1- sayfa2 - sayfa 3 - sayfa 4

-World of Warcraft

Das kommt in "Text über dem Design" !

<div id="Design04"> <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;} body {background-image:url(http://img514.imageshack.us/img514/7223/backriund2zv4.jpg);} 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://img514.imageshack.us/img514/1410/nav1ee9.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://img521.imageshack.us/img521/9996/nav2cl4.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 180px; width: 915px; background: ; background-image:url(http://img119.imageshack.us/img119/9237/headerry8.jpg); color: #FFFFFF; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #6E6E6E; 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: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 150px; background: ; background-image:url(http://img514.imageshack.us/img514/390/unbenannt16ja7.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}

- Halo

Das kommt in "Text über dem Design" !

Das kommt in "Text unter dem Design" !

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

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

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url(http://img524.imageshack.us/img524/5372/wallpaperhalo21310241fa5.jpg);} 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://img258.imageshack.us/img258/2643/unbenannt11aj8.png); background-color:} li.nav_element a:hover{ color:#000000; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/6453/unbenannt14rb3.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img48.imageshack.us/img48/6691/unbenannt2ji5.png); color: #FFFFFF; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img261.imageshack.us/img261/7880/unbenannt15ew1.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 150px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}

-Ratchet and Clank

Das kommt in "Text über dem Design" !

Das kommt in "Text unter dem Design" !

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

<span> </span>h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url(http://img504.imageshack.us/img504/626/wallpaperratchetandclanfq8.jpg);} 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://img258.imageshack.us/img258/2643/unbenannt11aj8.png); background-color:} li.nav_element a:hover{ color:#000000; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/6453/unbenannt14rb3.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img181.imageshack.us/img181/592/ratchetheader1ge0.png); color: #FFFFFF; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img249.imageshack.us/img249/7379/unbenannt9wl5.png); color: ; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img249.imageshack.us/img249/7379/unbenannt9wl5.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 150px; background: ; background-image:url(http://img249.imageshack.us/img249/7379/unbenannt9wl5.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}

-Resident Evil

Das kommt in "Text über dem Design" !

Das kommt in "Text unter dem Design" !

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

<span> </span>h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url(http://img136.imageshack.us/img136/9792/residentevil4b023as2.jpg);} 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:#C0C0C0; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/2643/unbenannt11aj8.png); background-color:} li.nav_element a:hover{ color:#C0C0C0; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/6453/unbenannt14rb3.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img299.imageshack.us/img299/7454/header3fy5.png); color: #FFFFFF; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 150px; height: 340px; background: ; background-image:url(http://img508.imageshack.us/img508/2465/csscondentgu4.png); color: ; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img508.imageshack.us/img508/2465/csscondentgu4.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 160px; background: ; background-image:url(http://img508.imageshack.us/img508/2465/csscondentgu4.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}

sayfa 1- sayfa2 - sayfa 3 - sayfa 4