TASARIMIN ÜZERİ

<div id="Design"> <div id="Header_oben"></div>
İÇERİK BÖLÜMÜ

<div id="Feld_oben"><b> </b></div></div> <div id="Feld_unten-2"><b> </b></div></div> <div id="Feld_rechts_3"><b> </b></div></div> <div id="Feld_rechts_5"><b> </b></div></div> <div id="Feld_rechts_6"><b> </b></div></div> <div id="Feld_rechts_7"><b> </b></div></div> <div id="content_2"><b> </b></div></div> <div id="Nav_hinten"><b> </b></div></div> <cin class="18"> </cin>
CSS KODU

div.header{position:absolute; left: 180px; top: 160px; color: #FFFFFF; z-index: 1; } li.nav_element{list-style-type: none;} cin.18{display:block;} #Header_oben { height: 264px; width: 1000px; background:; background-image:url(http://img139.imageshack.us/img139/731/55441rw0.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:2px;top:15px;} body {background-image:url(https://img.webme.com/pic/c/chappi18/backroundalien2.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: 5px; padding-left: 0px text-decoration: none; width: 135px; height: 16px; background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 135px; height: 16px; background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 1000px; height: 600px; } #nav_container { width: 178px; height: 248px; background:; background-image: none; color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 2; position:absolute;left:12px;top:307px;} #Nav_hinten{ width: 163px; height: 290px; background:; background-image:url(http://img212.imageshack.us/img212/3329/unbenannt1001gm2.jpg); color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 1; position:absolute;left:10px;top:285px;} #content { height: 248px; width: 547px; background:; background-image: none; color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 4; position:absolute;left:190px;top:308px;} #content_2 { height: 290px; width: 525px; background:; background-image:url(https://img.webme.com/pic/c/chappi18/1000.2.jpg); color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 3; position:absolute;left:193px;top:285px;} #sidebar_container { height: 270px; width: 135px; background:; background-image: none; color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 4; position:absolute;left:833px;top:295px;} #Feld_oben { width: 632px; height: 30px; background-image:url(http://img136.imageshack.us/img136/2664/feldoben4hp8.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:40px;top:235px;} #Feld_unten-2 { width: 632px; height: 25px; background-image:url(http://img403.imageshack.us/img403/4277/feldoben41pw7.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:40px;top:596px;} #Feld_rechts_3{ width: 54px; height:270px; background-image:url(http://img512.imageshack.us/img512/2638/ani2ne3.gif); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; z-index: 4; position:absolute;left:738px;top:296px;} #Feld_rechts_5 { height: 335px; width: 142px; background:; background-image:url(https://img.webme.com/pic/c/chappi18/777.1.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 2; position:absolute;left:830px;top:260px;} #Feld_rechts_6{ height: 6px; width: 17px; background:; background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 1; position:absolute;left:802px;top:312px;} #Feld_rechts_7{ height: 6px; width: 17px; background:; background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 1; position:absolute;left:802px;top:542px;} #counter{ position:absolute; left: 75px; top: 600px; z-index: 1; color: #FFFFFF; }

TASRIMIN ÜZERİNDEKİ YAZI
<div id="Design"> <div id="Header_oben"></div> 

İÇERİK BÖLÜMÜ

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

CSS KODU 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;}

TASRIMIN ÜZERİNDEKİ YAZI
<div id="Design04"> <div id="Header_oben"></div> 
İÇERİK BÖLÜMÜ

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

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

TASARIMIN ÜZERİNDEKİ YAZI

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-color:#111212;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 500px; height:480px; background-image:url(http://pixelea.com/s/15520151fd.png);} #content { position: absolute; left: 57%; top: 210px; margin-left:-310px; width: 465px; height: 264px; padding:10px; color: #000000; font-size:13px; c background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#000000; text-decoration: none; font-size:13px;} a:hover { color: #000000; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #000000; font-size: 13px; text-decoration: none;} //--> </style> </body></html></body></html></body></html>

 TASRIMIN ÜZERİNDEKİ YAZI

<!-- wrap starts here --> <div id="wrap"> <!--header --> <div id="header"> <h1 id="logo-text"><a href="index.html" _fcksavedurl="index.html"></a></h1> <p id="slogan"></p> <div id="header-links"> <p> <a href="Url" _fcksavedurl="Url">Link</a> | <a href="Url" _fcksavedurl="Url">Link2</a> </p> </div> </div> <!-- menu --> <div id="menu"> <ul> <li id="current"><a href="Url" _fcksavedurl="Url">Link </a></li> <li><a href="Url" _fcksavedurl="Url">Link2</a></li> <li><a href=" Url" _fcksavedurl=" Url">Link3</a></li> <li><a href="Url" _fcksavedurl="Url">Link4</a></li> <li class="last"><a href="Url" _fcksavedurl="Url">Link5</a></li> </ul> </div> <!-- content-wrap starts here --> <div id="content-wrap"> <div id="sidebar"> <div class="left-box"> <p class="align-right"></p> </div> </div>
 

 İÇERİK BÖLÜMÜ

<!-- content-wrap ends here --> </div> <!--footer starts here--> <div id="footer"> </div> <!-- wrap ends here --> </div>
 

 CSS KODU