Tasarim Ara

Css

Tasarımın Üstündeki Bölüme

<div id="container"> <div id="header"></div> <div id="menu"> <ul> <li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">home</a></li> <li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">about me</a></li> <li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">members</a></li> <li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">services</a></li> <li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">links</a></li> <li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">contact</a></li> </ul> <h1>WELCOME :=) </h1> <h2>TAM KADRO </h2> </div> <div id="main"><br /> <div id="content"> <div id="left">

Tasarımın Altındaki Bölüme

</div> <div id="right"> <div class="member"> <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg"><img src="http://brknl.br.funpic.org/Counter%20Strike/member1.gif" _fcksavedurl="http://brknl.br.funpic.org/Counter%20Strike/member1.gif" alt="member" /></a> <span><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Cyberstriker</a></span> </div> <div class="member"> <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg"><img src="http://brknl.br.funpic.org/Counter%20Strike/member2.gif" _fcksavedurl="http://brknl.br.funpic.org/Counter%20Strike/member2.gif" alt="member" /></a> <span><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Swatman</a></span> </div> <div class="member"> <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg"><img src="http://brknl.br.funpic.org/Counter%20Strike/member3.gif" _fcksavedurl="http://brknl.br.funpic.org/Counter%20Strike/member3.gif" alt="member" /></a> <span><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Hunter</a></span> </div> <div class="member"> <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg"><img src="http://brknl.br.funpic.org/Counter%20Strike/member4.gif" _fcksavedurl="http://brknl.br.funpic.org/Counter%20Strike/member4.gif" alt="member" /></a> <span><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Cosmic</a></span> </div> <div class="member"> <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg"><img src="http://brknl.br.funpic.org/Counter%20Strike/member2.gif" _fcksavedurl="http://brknl.br.funpic.org/Counter%20Strike/member2.gif" alt="member" /></a> <span><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Wolfcry</a></span> </div> <div class="member"> <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg"><img src="http://brknl.br.funpic.org/Counter%20Strike/member1.gif" _fcksavedurl="http://brknl.br.funpic.org/Counter%20Strike/member1.gif" alt="member" /></a> <span><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Blade</a></span> </div> <div class="member"> <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg"><img src="http://brknl.br.funpic.org/Counter%20Strike/member4.gif" _fcksavedurl="http://brknl.br.funpic.org/Counter%20Strike/member4.gif" alt="member" /></a> <span><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Zerocool</a></span> </div> <div class="member"> <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg"><img src="http://brknl.br.funpic.org/Counter%20Strike/member3.gif" _fcksavedurl="http://brknl.br.funpic.org/Counter%20Strike/member3.gif" alt="member" /></a> <span><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Newbie</a></span> </div> </div> <div class="clear"></div> </div> </div> <div id="footer"> <br /><br /> <ul> <li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">home</a></li> <li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">about me</a></li> <li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">members</a></li> <li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">services</a></li> <li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">links</a></li> <li class="lastchild"><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">contact</a></li> </ul> <span>© counter strike 2006. All rights reserved.</span> </div> </div>

Css Kod Bölümüne

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}body { background-image:url(http://brknl.br.funpic.org/Counter%20Strike/background.gif); color: #000000; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; margin: 0px; padding: 0px; } * {margin: 0px;padding: 0px;} .clear{clear:both;} #container { margin: 0px auto; text-align: left; width: 780px; } a { color: #000000; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; } /********************** Header ***************************/ #header { margin: 0px 0px 0px 0px; background-image:url(http://brknl.br.funpic.org/Counter%20Strike/header.jpg); background-repeat:no-repeat; width:768px; height:262px; } #menu { position:relative; background-image:url(http://brknl.br.funpic.org/Counter%20Strike/menu.jpg); background-repeat:no-repeat; width:768px; height:117px; } #menu ul{ position:absolute; top:30px; left:265px; } #menu li{ float:left; display:inline; padding: 0px 0px 0px 10px; } #menu a{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; text-transform: uppercase; color: #d8cd8d; text-decoration: none; } #menu a:hover{ color:#3e3c27; } h1,h2,h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bolder; text-transform: uppercase; color: #171508; } h1,h2 { position:absolute; top:94px; } h1 { left:241px; } h2 { right:75px; } h3 { margin: 15px 0px 0px 30px; border-bottom: solid 1px #625d3b; } /********************** Main ***************************/ #main { background-image:url(http://brknl.br.funpic.org/Counter%20Strike/main_bg.gif); background-repeat: repeat-y; display:block; width:768px; height:auto; } #content { background-image:url(http://brknl.br.funpic.org/Counter%20Strike/content_bg.gif); background-repeat: repeat-y; width:768px; } /********************** Left - Text ***************************/ #left { float:left; width:490px; } #left p{ padding: 5px 10px 10px 30px; } #left a:hover{color:#d8cd8d;} /********************** Right - Team ***************************/ #right { float:right; width:230px; } .member { display:inline; float:left; margin-left:10px; } .member a{ font-size: 12px; font-weight: bold; color: #f5f1d1; text-decoration: none; } .member img{ border: none 0px; } .member span{ display:block; text-align:center; padding: 2px 0px 13px 0px; text-transform: uppercase; } .member span a{} .member span a:hover{} /********************** Footer ***************************/ #footer { background-image:url(http://brknl.br.funpic.org/Counter%20Strike/footer_bg.jpg); background-repeat:no-repeat; width:768px; height:97px; text-align:center; float:left; clear:both; } #footer ul{ } #footer li{ display:inline; float:none; text-align:center; padding: 0px 10px 0px 10px; border-right: solid 1px #908a68; } .lastchild{ border-right: 0px none !important; } #footer a{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-transform:uppercase; color: #908a68; text-decoration: none; } #footer a:hover{text-decoration: underline;} #footer span{ font-size: 9px; font-weight: bold; color: #18160e; margin:10px; display:block; }

İŞ SEKTÖRÜ TASARIMI

YEŞİL KELEBEK TASARIMI

YEŞİL ELMA TASARIMI

YEŞİL YAPRAK TASARIMI

STADYUM TASARIMI

NEWYORK TASARIMI

MAVİ HALKA TASARIMI

COUNTER TASARIMI

PATLICAN TASARIMI

MÜZİK TASARIMI

DARKCITY TASARIMI

OPENLIGHT TASARIMI

LOLİPOP TASARIMI

ANTİKKENT TASARIMI

SARMAŞIK TASARIMI

VİŞNE TASARIMI

DAMLA TASARIMI

ŞEHİR TASARIMI

FISH TASARIMI

FRUIT TASARIMI

digercss

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:

CSS KODU BÖLÜMÜNE
KOD:

h1#title{display: none;}  h2#title span {display: none;}  div.header{display: none;}  li.nav_element{list-style-type: none;}  body {background-image: none;}  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: 180px;  height: 23px;  background-image:url(h1#title{display: none;}  h2#title span {display: none;}  div.header{display: none;}  li.nav_element{list-style-type: none;}  body {background-image: none;}  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: 180px;  height: 23px;  background-image:url(https://img.webme.com/pic/b/benimdepom/dag.jpg);  background-color:}  li.nav_element a:hover{  color:#ffffff;  display: block;  margin: 0px;  padding-left: 0px  text-decoration: none;  width: 180px;  height: 23px;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  background-color:}  * { padding: 0; margin: 0; }  #Design04 {  margin: 0 auto;  width: 922px;}  #Header_oben {  height: 100px;  width: 920px;  background: ;  background-image:url(https://img.webme.com/pic/b/benimdepom/dag.jpg );  color: #FFFFFF;  border: 0px solid #ffffff;  margin: 0px 0px 0px 0px;  padding: 0px;  float: left;}  #nav_container {  width: 180px;  height: 340px;  background: ;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  color: ;  border: 1px solid #ffffff;  margin: 0px 0px 0px 0px;  padding: 10px;  float: left;overflow:auto;}  #content {  height: 340px;  width: 540px;  background:;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  color: #ffffff;  border: 1px solid #ffffff;  margin: 0px 0px 0px 0px;  padding: 10px;  display: inline;  float: left;  overflow:auto;}  #sidebar_container {  height: 340px;  width: 180px;  background: ;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  color:#ffffff ;  border: 1px solid #ffffff;  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;} );  background-color:}  li.nav_element a:hover{  color:#ffffff;  display: block;  margin: 0px;  padding-left: 0px  text-decoration: none;  width: 180px;  height: 23px;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  background-color:}  * { padding: 0; margin: 0; }  #Design04 {  margin: 0 auto;  width: 922px;}  #Header_oben {  height: 100px;  width: 910px;  background: ;  background-image:url(http://img136.imageshack.us/img136/807/188tb9.png );  color: #FFFFFF;  border: 0px solid #ffffff;  margin: 0px 0px 0px 0px;  padding: 0px;  float: left;}  #nav_container {  width: 190px;  height: 380px;  background: ;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  color: ;  border: 1px solid #ffffff;  margin: 0px 0px 0px 0px;  padding: 10px;  float: left;overflow:auto;}  #content {  height: 380px;  width: 550px;  background:;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  color: #ffffff;  border: 1px solid #ffffff;  margin: 0px 0px 0px 0px;  padding: 10px;  display: inline;  float: left;  overflow:auto;}  #sidebar_container {  height: 380px;  width: 170px;  background: ;  background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png);  color:#ffffff ;  border: 1px solid #ffffff;  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;}

CSS TASARIM-2

GÖRÜNÜM

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:

CSS KODU BÖLÜMÜNE
KOD:

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image: none;} 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: 180px; height: 23px; background-image:url(h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image: none;} 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: 180px; height: 23px; background-image:url(https://img.webme.com/pic/b/benimdepom/dag.jpg); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 180px; height: 23px; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 100px; width: 920px; background: ; background-image:url(https://img.webme.com/pic/b/benimdepom/dag.jpg ); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 180px; height: 340px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 180px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color:#ffffff ; border: 1px solid #ffffff; 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;} ); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 180px; height: 23px; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 100px; width: 910px; background: ; background-image:url(http://img136.imageshack.us/img136/807/188tb9.png ); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 190px; height: 380px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 380px; width: 550px; background:; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 380px; width: 170px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color:#ffffff ; border: 1px solid #ffffff; 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;}

CCS TASARIM-3

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:

CSS KODU BÖLÜMÜNE
KOD:

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image: none;} 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: 180px; height: 23px; background-image:url(h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image: none;} 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: 180px; height: 23px; background-image:url(https://img.webme.com/pic/b/benimdepom/dag.jpg); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 180px; height: 23px; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 100px; width: 920px; background: ; background-image:url(https://img.webme.com/pic/b/benimdepom/dag.jpg ); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 180px; height: 340px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 180px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color:#ffffff ; border: 1px solid #ffffff; 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;} ); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 180px; height: 23px; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 100px; width: 910px; background: ; background-image:url(http://img136.imageshack.us/img136/807/188tb9.png ); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 190px; height: 380px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 380px; width: 550px; background:; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 380px; width: 170px; background: ; background-image:url(http://img136.imageshack.us/img136/6190/187eb5.png); color:#ffffff ; border: 1px solid #ffffff; 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;}

4-GÖRÜNÜM

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:
<div id="Design04"> <div id="Header_oben"></div>

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:
<div id="<left><a href="http://www.csstasarim-arsiv.tr.gg"><img border="0" src="http://img356.imageshack.us/img356/7716/kodsstemaltborsd9.png" alt="" /></a></left><strong> </strong></div>

CSS KODU BÖLÜMÜNE
KOD:
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://www.ww64.com/uploads/images/2008-07-25/dxy2q8zQAi.png);} 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: 170px; height: 29px; background-image:url(http://img165.imageshack.us/img165/6696/kodsistemibutonjw1.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 160px; height: 29px; background-image:url(http://child.tasarim.googlepages.com/grisiyahbody.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 916px;} #Header_oben { height: 100px; width: 916px; background: ; background-image:url(http://img176.imageshack.us/img176/6926/kodsistemibannereo4.png); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 170px; height: 480px; background: ; background-image:url(http://child.tasarim.googlepages.com/grisiyahbody.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 480px; width: 520px; background:; background-image:url(http://child.tasarim.googlepages.com/grisiyahbody.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 480px; width: 160px; background: ; background-image:url(http://child.tasarim.googlepages.com/grisiyahbody.png); color:#ffffff ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #counter{display: none;}

5-GÖRÜNÜM

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:
<div id="Design04"> <div id="Header_oben"></div>

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:
<div id="Feld_unten"><b> </b></div></div>

CSS KODU BÖLÜMÜNE
KOD:
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://www.manzararesimleri.net/manzararesimleri.net1/manzara/manzara-resimleri%20(114).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: #ffff00; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 155px; height: 36px; background-image:url(http://img399.imageshack.us/img399/2451/35155kodsistemitrggut1.png ); background-color:} li.nav_element a:hover{ color: #ff6666; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 155px; height: 39px; background-image:url(http://img210.imageshack.us/img210/8282/32935091ii5.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 900px;} #Header_oben { height: 20px; width: 885px; background: ; background-image: none; color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 170px; height: 490px; background: ; background-image:url(http://img61.imageshack.us/img61/1125/29329807ey1.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 490px; width: 480px; background:; background-image:url(http://img413.imageshack.us/img413/2020/470520kodsistemitrggdt0.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 490px; width: 150px; background: ; background-image:url(http://img61.imageshack.us/img61/1125/29329807ey1.png); color:#ffffff ; border: 1px solid #ffffff; 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;}

6-görünüm

TASARIMIN ÜSTÜNDEKİ YAZI BÖLÜMÜNE
KOD:
<div id="Testdesign2"> <div id="Header_oben"><font color="#ffcc00" size="12"><marquee>KODSİSTEMİ</marquee></font> </div> <div id="Streifen_oben">www.csstasarim-arsiv.tr.gg</div>

TASARIMIN ALTINDAKİ YAZI BÖLÜMÜNE
KOD:
<div id="Streifen_unten">KODSİSTEMİ</div></div>

CSS KODU BÖLÜMÜNE
KOD:
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-color:#66ff99;} a{color:#000080; font-size: 14px; text-decoration: none;} a:hover {color: #000080; font-size: 14px; text-decoration: none;} a:link {color: #000080; font-size: 14px; text-decoration: none;} a:active {color: #000080; font-size: 14px; text-decoration: none;} a:visited {color: #000080; font-size: 14px; text-decoration: none;} li.nav_element a{ color: #0066cc ; display: block; margin: 2px; padding-left: 10px; text-decoration: none; width: 120px; height: 20px; background-image: none; background-color: #99ccff ;} li.nav_element a:hover{ color:#FFFFFF; display: block; margin: 2px; padding-left: 10px; text-decoration: none; width: 120px; height: 20px; background-image: none; background-color:#000000;} * { padding: 0; margin: 0; } #Testdesign2 { margin: 0 auto; width: 922px;} #Header_oben { color: #9966cc; width: 900px; height: 60px; float: left; padding: 10px; border: 1px solid #80807F; margin: 10px 0px 0px 0px; background-image: url(http://skins.gmodules.com/ig/skin_fetch?type=2&url=http://hosting.gmodules.com/ig/gadgets/file/108872025019167115640/ig_thumb_lake.jpg); } #Streifen_oben { float: left; width: 900px; color: #9966cc; padding: 10px; border: 1px solid #80807F; margin: 0px 0px 0px 0px; background: #99ffcc;} #sidebar_container { height: 320px; width: 140px; background: #ffffcc ; background-image: none; border: 1px solid #ff66ff ; margin: 5px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #content { color: #3300ff ; border: 1px solid #80807F; margin: 5px 3px 0px 0px; padding: 10px; height: 320px; width: 567px; float: right; background: #ccccff ; overflow:auto;} #nav_container { float: right; color: #ff66ff ; border: 1px solid #ff66ff; margin: 5px 0px 0px 0px; padding: 10px; height: 320px; width: 140px; display: inline; background: #ffffcc ;} #Streifen_unten { width: 900px; clear: both; color: #333; border: 1px solid #80807F; background: #66ffff ; margin: 0px 0px 10px 0px; padding: 10px;} #counter{ position: absolute; left: 230px; top: 572px; width:481px; height:20px; font-family:verdana; font-size:12px; color:#000000; background-color:#; border: 0px solid #000000;} #counter{text-align:left;}

NOT: Bu kodları sayfa içine koymadan önce bu kodu css bölümüne(style tagları olmadan)yazan kutuya koyun.
Menü gizleme kodunu kullanmayın..tasarımların içinde varsa çıkarın...
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}

<style type="text/css">  </style> <style type="text/css">  </style> <style type="text/css">  </style> <style>  </style> <table height="134" cellspacing="0" cellpadding="0" width="683"> <tbody> <tr> <td width="683" background="http://img502.imageshack.us/img502/9254/baslikgm4.png" colspan="2" height="134"> <p align="center"><font face="Verdana" color="#ffff00" size="6"><em> SİTENİZİN ADI</em></font></p> </td> </tr> <tr> <td valign="middle" align="center" width="683" background="" bgcolor="#000000" colspan="2" height="10"><font face="Verdana" color="#ffffff" size="2">link adı | link adı</font> <font face="Verdana" color="#ffffff" size="2">| link adı</font> <font face="Verdana" color="#ffffff" size="2">| link adı</font> <font face="Verdana" color="#ffffff" size="2">| link adı</font> <font face="Verdana" color="#ffffff" size="2">| link adı</font> <font face="Verdana" color="#ffffff" size="2">|</font></td> </tr> <tr> <td valign="top" align="center" width="683" background="http://img502.imageshack.us/img502/6136/ortaim6.png" colspan="2" height="447"> <br /> <br /> <br /> sayfa içeriği<br /> <br /> <br /> <br /> <br /> sayfa içeriği</td> </tr> </tbody> </table>

<style type="text/css">  </style> <table height="103" cellspacing="0" cellpadding="0" width="800"> <tbody> <tr> <td width="800" background="https://img.webme.com/pic/c/cssturk/baslik.png" colspan="2" height="103"> <p align="center"><font face="Verdana" color="#ff00ff" size="6">SİTENİZİN ADI</font> </p> </td> </tr> <tr> <td width="800" background="https://img.webme.com/pic/c/cssturk/desgn.png" colspan="2" height="22"> </td> </tr> <tr> <td width="800" background="" bgcolor="#993366" height="50"> <p align="center"><img class="" alt="" src="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" /><font face="Verdana" color="#ffffff" size="3">link adı</font> <font color="#ffffff" size="4"><font size="3">|</font> <img class="" alt="" src="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" /><font face="Verdana" color="#ffffff" size="3">link adı | <img class="" alt="" src="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" /><font face="Verdana" color="#ffffff" size="3">link adı | <img class="" alt="" src="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" /><font face="Verdana" color="#ffffff" size="3">link adı | <img class="" alt="" src="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" /><font face="Verdana" color="#ffffff" size="3">link adı | <img class="" alt="" src="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" /><font face="Verdana" color="#ffffff" size="3">link adı |<img class="" alt="" src="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" _fcksavedurl="http://img139.imageshack.us/img139/1235/butonte7.png" /><font face="Verdana" color="#ffffff" size="3">link adı</font></font></font></font></font></font></font></p> </td> </tr> <tr> <td valign="top" align="center" width="800" background="https://img.webme.com/pic/c/cssturk/sayfa.png" colspan="2" height="442"> <table height="59" cellspacing="0" cellpadding="1" width="800" border="0"> <tbody> <tr> <td> <p align="center"><font face="Verdana" color="#ff00ff"><em><font size="3">BURAYA AŞK SÖZLERİ YAZABİLİRSİNİZ</font>...</em></font></p> </td> </tr> </tbody> </table> <table height="331" cellspacing="0" cellpadding="1" width="800" border="0"> <tbody> <tr> <td valign="top" align="center"> <div align="center"> <div style="overflow: auto; width: 720px; height: 308px"> <div align="center">sayfa içeriği<br /> <br /> <br /> <br /> <br /> <font size="7">FeNERCAfE <br /> <br /> TASARIM SAYFALARI<br /> <br /> <br /> </font><font size="5">SAYFA İÇERİĞİ<br /> <br /> <br /> SAYFA İÇERİĞİ</font></div> </div> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <style type="text/css">  </style><style type="text/css">  </style><style type="text/css">  </style>

<style type="text/css">  </style> <p align="center"> <table cellspacing="1" cellpadding="1" width="850" border="1"> <tbody> <tr> <td bordercolor="#000000" width="800" bgcolor="#0099ff" height="150"> <p align="center"><font size="2">BAŞLIK RESMİNİZ BURAYA<br /> 800X150</font></p> </td> </tr> <tr> <td bordercolor="#000000" bgcolor="#000000"> <p align="center"><font color="#00ccff" size="1"> | Link adı | Link adı | Link adı | Link adı |</font></p> </td> </tr> </tbody> </table> </p> <img class="" style="width: 852px" height="30" alt="" width="800" src="http://img134.imageshack.us/img134/5586/31oo1.jpg" _fcksavedurl="http://img134.imageshack.us/img134/5586/31oo1.jpg" /><br /> <table style="width: 857px; height: 1022px" height="1022" cellspacing="1" cellpadding="1" width="857" border="3"> <tbody> <tr> <td bordercolor="#000000" bgcolor="#00ccff"> <p align="center"> <table height="75" cellspacing="1" cellpadding="1" width="170" align="left" border="1"> <tbody> <tr> <td bordercolor="#000000" bgcolor="#0066ff"><font size="1"> </font></td> </tr> <tr> <td> <p align="left"><font size="1"> Link adı</font></p> </td> </tr> <tr> <td> <p align="left"><font size="1"> Link adı</font></p> </td> </tr> <tr> <td> <p align="left"><font color="#ff6600"><font size="1"><font color="#000000">Link adı</font> </font></font></p> </td> </tr> <tr> <td> <p align="left"><font size="1">Link adı </font></p> </td> </tr> <tr> <td> <p align="left"><font size="1">Link adı </font></p> </td> </tr> <tr> <td> <p align="left"><font size="1">Link adı </font></p> </td> </tr> <tr> <td> <p align="left"><font size="1">Link adı </font></p> </td> </tr> <tr> <td> <p align="left"><font size="1">Link adı </font></p> </td> </tr> <tr> <td> <p align="left"><font size="1">Link adı </font></p> </td> </tr> <tr> <td> <p align="left"><font size="1">Link adı </font></p> </td> </tr> <tr> <td> <p align="left"><font size="1">Link adı </font></p> </td> </tr> <tr> <td> <p align="left"><font size="1">Link adı </font></p> </td> </tr> <tr> <td bordercolor="#000000" bgcolor="#0066ff"> </td> </tr> </tbody> </table> </p> <p align="center"> <table height="600" cellspacing="1" cellpadding="1" width="175" align="right" border="1"> <tbody> <tr> <td nowrap="nowrap" bordercolor="#000000" bgcolor="#0066ff"> <p align="center"><font color="#ffffff" size="4"> reklam alanı</font></p> </td> </tr> <tr> <td bordercolor="#000000" bgcolor="#0066ff"> <p align="center"> <font color="#ffffff" size="4">reklam alanı</font></p> </td> </tr> </tbody> </table> </p> <p align="center"> </p> <p align="center"> <table height="890" cellspacing="1" cellpadding="1" width="500" border="1"> <tbody> <tr> <td valign="top" bordercolor="#000000" align="center"> <br /> <p align="center"><a target="_blank" href="http://www.csstasarim-arsiv.tr.gg" _fcksavedurl="http://www.csstasarim-arsiv.tr.gg"><img class="" alt="" border="0" src="https://img.webme.com/pic/b/bedavasitem-tasarim/banner.gif" _fcksavedurl="https://img.webme.com/pic/b/bedavasitem-tasarim/banner.gif" /></a></p> </td> </tr> </tbody> </table> </p> <p align="center"> </p> <p align="center"><img style="width: 834px; height: 30px" height="30" alt="" width="836" src="http://img134.imageshack.us/img134/5586/31oo1.jpg" _fcksavedurl="http://img134.imageshack.us/img134/5586/31oo1.jpg" /> </p> </td> </tr> </tbody> </table>

<style type="text/css">  <style type="text/css">  </style><style type="text/css">  </style> <table height="140" cellspacing="0" cellpadding="0" width="800"> <tbody> <tr> <td width="800" background="http://img228.imageshack.us/img228/5972/balkresmiim0.png" colspan="2" height="140"> <p align="center"> Sitenizin adı</p> </td> </tr> <tr> <td valign="top" bordercolor="#ff0099" align="center" width="800" background="" bgcolor="#990066" colspan="2" height="700"> <table height="10" cellspacing="0" cellpadding="0" width="800" border="0"> <tbody> <tr> <td bgcolor="#990066" colspan="3"> </td> </tr> <tr> <td valign="top" bordercolor="#ff0066" align="center" width="150" bgcolor="#ff9900"> <table cellspacing="1" cellpadding="1" width="150" border="1"> <tbody> <tr> <td bordercolor="#ff0066"> <p align="left"><font face="Verdana" color="#ff00ff" size="2">=> link adı</font></p> </td> </tr> <tr> <td bordercolor="#cc0066"> <p align="left"><font face="Verdana" color="#ff00ff" size="2">=> link adı</font></p> </td> </tr> <tr> <td bordercolor="#cc0066"> <p align="left"><font face="Verdana" color="#ff00ff" size="2">=> link adı</font></p> </td> </tr> <tr> <td bordercolor="#cc0066"> <p align="left"><font face="Verdana" color="#ff00ff" size="2">=> link adı</font></p> </td> </tr> <tr> <td bordercolor="#cc0066"> <p align="left"><font face="Verdana" color="#ff00ff" size="2">=> link adı</font></p> </td> </tr> <tr> <td bordercolor="#cc0066"> <p align="left"><font face="Verdana" color="#ff00ff" size="2">=> link adı</font></p> </td> </tr> <tr> <td bordercolor="#cc0066"> <p align="left"><font face="Verdana" color="#ff00ff" size="2">=> link adı</font></p> </td> </tr> <tr> <td bordercolor="#cc0066"> <p align="left"><font face="Verdana" color="#ff00ff" size="2">=> link adı</font></p> </td> </tr> <tr> <td bordercolor="#cc0066"> <p align="left"><font face="Verdana" color="#ff00ff" size="2">=> link adı</font></p> </td> </tr> <tr> <td bordercolor="#cc0066"> <p align="left"><font face="Verdana" color="#ff00ff" size="2">=> link adı</font></p> </td> </tr> <tr> <td bordercolor="#cc0066"> <p align="left"><font face="Verdana" color="#ff00ff" size="2">=> link adı</font></p> </td> </tr> </tbody> </table> </td> <td valign="top" align="center" bgcolor="#ffff00"> <table style="width: 465px; height: 654px" cellspacing="0" cellpadding="1" width="465" border="1"> <tbody> <tr> <td valign="top" bordercolor="#ff0066" align="center" bgcolor="#ffff66"> </td> </tr> </tbody> </table> </td> <td valign="top" bordercolor="#ff0066" align="center" width="150" bgcolor="#ff6600" height="700"> </td> </tr> </tbody> </table> <table cellspacing="0" cellpadding="1" width="150" border="1"> <tbody> <tr> </tr> </tbody> </table> </td> </tr> </tbody> </table>

<style type="text/css">  </style><style type="text/css">  </style><style type="text/css">  </style><style type="text/css">  </style> <table height="140" cellspacing="0" cellpadding="0" width="800"> <tbody> <tr> <td width="800" background="http://img508.imageshack.us/img508/5890/balkresmihe3.png" colspan="2" height="140"> <p align="center"><font face="Verdana" color="#ff0000" size="6"><em> SİTENİZİN ADI</em></font></p> </td> </tr> <tr> <td width="800" background="" bgcolor="#000000" colspan="2" height="10"> <p align="center"><font face="Verdana" color="#ffffff" size="2"> link adı |link adı | link adı |link adı|</font></p> </td> </tr> <tr> <td valign="top" align="center" width="800" background="" bgcolor="#ffffff" colspan="2" height="437"> <table height="437" cellspacing="0" cellpadding="0" width="765"> <tbody> <tr> <td valign="top" align="center" width="765" background="http://img185.imageshack.us/img185/6976/ortawk1.png" colspan="2" height="437"> <table style="width: 653px; height: 423px" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td valign="top" align="center" bgcolor="#ffffff">SAYFA İÇERİĞİ</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td background="" bgcolor="#000000" colspan="2" height="10"> </td> </tr> </tbody> </table>

<style type="text/css">  </style> <style type="text/css">  </style> <style type="text/css">  </style> <style>  </style> <table height="160" cellspacing="0" cellpadding="0" width="850"> <tbody> <tr> <td width="850" background="http://img150.imageshack.us/img150/4218/balkresmiex3.png" colspan="2" height="160"> <p align="center"><font face="Verdana" size="7"> site adın</font></p> </td> </tr> <tr> <td valign="top" align="center" width="850" background="" bgcolor="#990000" colspan="2" height="514"> <table height="514" cellspacing="0" cellpadding="0" width="850" border="0"> <tbody> <tr> <td valign="top" width="120"> <table style="width: 150px; height: 517px" height="517" cellspacing="0" cellpadding="0" width="150"> <tbody> <tr> <td valign="top" align="center" width="150" background="http://img150.imageshack.us/img150/9594/kenarsolpp9.png" colspan="2" height="514"> </td> </tr> </tbody> </table> </td> <td valign="top" align="center"> <table style="width: 507px; height: 509px" cellspacing="0" cellpadding="1" width="507" border="1"> <tbody> <tr> <td valign="top" align="center"><br /> sayfa içeriği<br /> <br /> sayfa içeriği</td> </tr> </tbody> </table> </td> <td valign="top" width="120"> <table style="width: 150px; height: 517px" height="517" cellspacing="0" cellpadding="0" width="150"> <tbody> <tr> <td valign="top" align="center" width="150" background="http://img150.imageshack.us/img150/9594/kenarsolpp9.png" colspan="2" height="514"><font color="#ffffff" size="1"> </font></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <img class="" style="width: 849px; height: 40px" height="40" alt="" width="846" src="http://img150.imageshack.us/img150/579/alteikyp0.png" _fcksavedurl="http://img150.imageshack.us/img150/579/alteikyp0.png" /></td> </tr> </tbody> </table>

Das kommt in "Text über dem Design" !

Das kommt in "Text unter dem Design" !

<div id="Feld_oben"><b> </b></div></div> <div id="Feld_oben_2"><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> <div id="top_1"><b> </b></div></div> <div id="Anzeige"> Design-"Css" </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;} div{z-index: 2px;} #Header_oben { height: 115px; width: 980px; background:; background-image:url(https://img.webme.com/pic/p/probieren2/ut-header.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; z-index: 2; position:absolute;left:13px;top:26px; } #top_1 { height: 25px; width: 980px; background:; background-image:url(https://img.webme.com/pic/p/probieren2/top10.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; z-index: 2; position:absolute;left:13px;top:141px; } body {background-image: none; background-attachment: fixed; background:#000000; background-repeat: repeat-y; background-position: center center; z-index: -2; font-size: 12px; font-family: Arial; } a{color#000000; font-size: 12px; text-decoration: none;} a:hover {color: #000000; font-size: 12px; text-decoration: none;} a:link {color: #00013B; font-size: 12px; text-decoration: none;} a:active {color: #000000; font-size: 12px; text-decoration: none;} a:visited {color: #000000; font-size: 12px; text-decoration: none;} li.nav_element a{ color:#000000; display: block; margin: 10px; padding-left: 0px text-decoration: none; text-align: center; width: 180px; height: 20px; background-image:url(https://img.webme.com/pic/p/probieren2/navi3.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 10px; padding-left: 0px text-decoration: none; text-align: center; width: 180px; height: 20px; background-image:url(https://img.webme.com/pic/p/probieren2/navi2.png); background-color:} * { padding: 0; margin: 0; } * { padding: 0; margin: 0; } #Design { width: 921px; height: 1520; } #nav_container {height: 300px; width: 200px; background:; background-image: none; color:#ffffff; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #6E6E6E; float: left; overflow:auto; z-index: 4; position:absolute;left:780px;top:240px;} #Nav_hinten{ width: 218px; height: 430px; background:; background-image: none; color: ; margin: 0px 0px 0px 0px; padding: 0px; float: left;overflow:auto; z-index: 1; position:absolute;left:650px;top:183px;} #content { height: 726px; width: 730px; background:; background-image: none; color: #000000; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; border: 1px solid #6E6E6E; z-index: 4; position:absolute;left:25px;top:239px;} #content_2 { height: 1000px; width: 980px; background:; background-image:url(https://img.webme.com/pic/p/probieren2/condent3.png); color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; z-index: 0; position:absolute;left:13px;top:27px;} #sidebar_container { height: 396px; width: 200px; background:; background-image: none; color:#000000; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #6E6E6E; float: left; overflow:auto; z-index: 4; position:absolute;left:780px;top:570px;} #Feld_oben { width: 202px; height: 20px; background-image:url(https://img.webme.com/pic/p/probieren2/top2.2.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 0px; clear: both; z-index: 4; position:absolute;left:780px;top:220px;} #Feld_oben_2 { width: 202px; height: 20px; background-image:url(https://img.webme.com/pic/p/probieren2/top2.2.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 0px; clear: both; z-index: 4; position:absolute;left:780px;top:550px;} #Feld_rechts_5 { height: 20px; width: 732px; background:; background-image:url(https://img.webme.com/pic/p/probieren2/top1.6.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 0px; float: left; overflow:auto; z-index: 2; position:absolute;left:25px;top:220px;} #counter{ position:absolute; left: 815px; top: 6px; font-size: 12px; z-index: 6; color: #ffffff; } #Anzeige{ position:absolute; left: 40px; top: 223px; z-index: 5; font-family:; color: #ffffff; }

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_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>

-AreaFantasy

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

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://img132.imageshack.us/img132/3733/unbenannt544nf5.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:2px;top:10px;} body {background-image:url(https://img.webme.com/pic/p/probieren4/backroundalien2gruen.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: 537px; 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:200px;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://img89.imageshack.us/img89/643/feldoben4grnwe6.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://img233.imageshack.us/img233/7757/feldoben41grnvq8.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; }

-AreaAlien

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_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>

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

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

-AreaAnime

Das kommt in "Text über dem Design" !

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

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

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://img132.imageshack.us/img132/5015/unbenannt545pg3.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:2px;top:10px;} body {background-image:url(https://img.webme.com/pic/p/probieren4/backroundalien2-pink.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: 537px; 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:200px;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://img89.imageshack.us/img89/6557/feldoben4pinkws2.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://img233.imageshack.us/img233/4105/feldoben41pinkov1.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; }

- Shadow

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_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>

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: 130px; width: 768px; background:; background-image:url(http://img222.imageshack.us/img222/9465/unbenannt1111my6.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:100px;top:40px;} body {background-image:url(http://img222.imageshack.us/img222/5969/unbenannt121kp8.png);} a{color#00000; font-size: 15px; text-decoration: none;} a:hover {color: #00000; font-size: 15px; text-decoration: none;} a:link {color: #00000; font-size: 15px; text-decoration: none;} a:active {color: #00000; font-size: 15px; text-decoration: none;} a:visited {color: #00000; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#000000; display: block; margin: 5px; padding-left: 0px text-decoration: none; text-align: center; width: 130px; height: 16px; background-image:url(http://img267.imageshack.us/img267/9784/unbenannt3km4.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; text-align: center; width: 130px; height: 16px; background-image:url(http://img267.imageshack.us/img267/9784/unbenannt3km4.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 1000px; height: 700px; } #nav_container { width: 166px; height: 253px; background:; background-image: none; color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 2; position:absolute;left:678px;top:323px;} #Nav_hinten{ width: 168px; height: 260px; background:; background-image:url(http://img221.imageshack.us/img221/6103/unbenannt110xh8.png); color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 1; position:absolute;left:680px;top:320px;} #content { height: 406px; width: 556px; background:; background-image: none; color: #000000; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 4; position:absolute;left:100px;top:172px;} #content_2 { height: 410px; width: 560px; background:; background-image:url(http://img211.imageshack.us/img211/2329/unbenannt7bh1.jpg); color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 3; position:absolute;left:100px;top:170px;} #sidebar_container { height: 125px; width: 166px; background:; background-image: none; color:#000000; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 4; position:absolute;left:678px;top:171px;} #Feld_oben { width: 748px; height: 15px; background-image:url(http://img514.imageshack.us/img514/2909/unbenannt151ny1.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:100px;top:600px;} #Feld_rechts_5 { height: 130px; width: 168px; background:; background-image:url(http://img514.imageshack.us/img514/9417/unbenannt100zj2.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 2; position:absolute;left:680px;top:170px;} #counter{ position:absolute; left: 350px; top: 605px; z-index: 1; color: #ffffff; }

-P!NK

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: 220px; width: 677px; background:; background-image:url(http://img410.imageshack.us/img410/6831/unbenannt3ef9.png); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:284px;top:40px;} body {background-image:url(https://img.webme.com/pic/p/probieren2/hintergrund3.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://img407.imageshack.us/img407/2324/unbenannt14ml2.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:url(http://img407.imageshack.us/img407/2324/unbenannt14ml2.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 922px; } #nav_container { width: 90px; height: 340px; background:; background-image:url(http://img232.imageshack.us/img232/4315/unbenannt7sb2.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; position:absolute;left:284px;top:270px;} #content { height: 340px; width: 540px; background:; background-image:url(http://img232.imageshack.us/img232/4315/unbenannt7sb2.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; position:absolute;left:399px;top:270px;} #sidebar_container { height: 570px; width: 214px; background:; background-image:url(http://img232.imageshack.us/img232/4315/unbenannt7sb2.png); color:#ffffff ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; position:absolute;left:45px;top:40px;} #counter{display: none;}

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

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

-F.E.A.R.

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://img443.imageshack.us/img443/4932/unbenannt13ov1.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://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; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img337.imageshack.us/img337/24/unbenannt2by8.jpg); color: #FFFFFF; border: 0px solid #ffffff; 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 #ffffff; 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 #ffffff; 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:#ffffff ; border: 1px solid #ffffff; 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İNE

TASARIMIN ALTINA

</div>
<div id="sidebar">
<ul class="sb1">
<li><h3>archives</h3></li>
<li><a href="#" _fcksavedurl="#">June 2008</a></li>
<li><a href="#" _fcksavedurl="#">May 2008</a></li>
<li><a href="#" _fcksavedurl="#">April 2008</a></li>
<li><a href="#" _fcksavedurl="#">May 2008</a></li>
<li><a href="#" _fcksavedurl="#">February 2008</a></li>
<li><form action="search.cgi" method="get" id="search"><div><input type="text" name="search" value="search..." /></div></form></li>
<li class="sbb"> </li>
</ul>
<ul class="sb2">
<li><h3>categories</h3></li>
<li><a href="#" _fcksavedurl="#">Apple / Mac</a></li>
<li><a href="#" _fcksavedurl="#">Personal</a></li>
<li><a href="#" _fcksavedurl="#">Technology</a></li>
<li><a href="#" _fcksavedurl="#">Poetry & Writing</a></li>
<li><a href="#" _fcksavedurl="#">Environment</a></li>
<li class="sbb"> </li>
</ul>
<ul class="sb3">
<li><h3>links</h3></li>
<li><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a></li>
<li><a href="#" _fcksavedurl="#">Praesent aliquam</a></li>
<li><a href="#" _fcksavedurl="#">Quisque ornare</a></li>
<li><a href="#" _fcksavedurl="#">Phasellus tristique</a></li>
<li><a href="#" _fcksavedurl="#">Fusce varius urna</a></li>
<li><a href="#" _fcksavedurl="#">Etiam leo pede</a></li>
<li><a href="#" _fcksavedurl="#">Aenean  sagittis</a></li>
<li><a href="#" _fcksavedurl="#">Vestibulum ut nisl</a></li>
<li><a href="#" _fcksavedurl="#">Maecenas urna</a></li>
<li><a href="#" _fcksavedurl="#">Sed neque mi</a></li>
<li class="sbContent"><h3>sidebar header</h3></li>
<li class="sbContent"><p>Etiam leo pede, rhoncus venenatis, tristique in, vulputate at,  odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam.</p><p>Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti. Fusce varius urna id quam.</p></li>
<li class="sbb"> </li>
</ul>
</div>
<br class="clearfloat" />
<div id="footer">
<p>Copyright © 2008, your.site.com - Designed by <a href="mailto:tony@20pirates.com" _fcksavedurl="mailto:tony@20pirates.com">Tony Pires</a> - <a href="#" _fcksavedurl="#">Terms of Use</a></p>
</div>
</div>
</div>

CSS KODUNA

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
* {
margin: 0;
padding: 0;
}
body  {
background: url(http://www.opendesigns.org/designs/1635/images/bg.jpg) repeat-x #FFF;
color: #435F73;
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
}
/**** GENERAL STYLES ****/
a {
color: #435F73;
}
p {
line-height: 1.5em;
padding: 4px 0;
}
b,
strong {
color: #000;
}
i,
em {
font-family: Georgia, serif;
}
#sidebar {
margin-right: 1px;
}
h3.blogMeta {
position: relative;
top: 4px;
}
#mainContent #commentList {
margin-left: 32px;
}
#mainContent ul,
#mainContent ol {
line-height: 1.5em;margin: 5px 0 5px 50px;
}
#mainContent ul li {
list-style-image: url(http://www.opendesigns.org/designs/1635/images/b.gif);
}
blockquote {
background: url(http://www.opendesigns.org/designs/1635/images/q.gif) no-repeat;
font: 12px Georgia, serif;
font-style: italic;
margin: 10px 0 10px 20px;
padding: 0 60px 0 30px;
text-align: left;
}
code {
background: #E5EDF7;
border-top: 1px solid #84B0D3;
border-bottom: 1px solid #84B0D3;
padding: 2px 4px 0 4px;
}
input,
textarea {
background: #84B0D3;
border: none;
color: #000;
padding: 4px 2px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #6998C6;
font-weight: normal;
line-height: 1.4em;
}
h5,
h6 {
text-transform: uppercase;
}
h1 {
font-size: 20px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
}
/**** GENERAL LAYOUT ****/
#topBackground {
background: url(http://www.opendesigns.org/designs/1635/images/header.jpg) top center no-repeat;
margin: 0 auto;
padding-top: 440px;
width: 960px;
}
#container {
margin: 0 auto;
text-align: left;
width: 680px;
}
#header h1 {
font-size: 48px;
font-weight: normal;
letter-spacing: -3px;
padding-left: 24px;
}
#header h2 {
color: #6998C6;
font-size: 16px;
font-style: italic;
font-weight: normal;
padding-right: 70px;
text-align: right;
}
#header a {
color: #000;
text-decoration: none;
}
#miniMenu {
height: 20px;
float: right;
font-size: 10px;
padding-right: 70px;
padding-top: 5px;
}
#miniMenu li {
display: inline;
margin: 0 1px;
}
#miniMenu a {
background: #000;
color: #FFF;
padding: 2px 4px;
}
#miniMenu a:hover {
background: #435F73;
color: #B1DEFF;
}
#sidebar {
float: right;
width: 200px;
padding: 110px 0 0 20px;
margin-right: 2px
}
#content {
float: left;
width: 450px;
text-padding: 0 0 0 10px;
}
/**** SIDEBAR STYLES & LAYOUT ****/
#sidebar h3 {
color: #FFF;
font-size: 22px;
font-weight: normal;
margin-bottom: 10px;
}
#sidebar ul {
list-style: none;
padding-left: 20px;
}
#sidebar li {
line-height: 2em;
font-size: 13px;
}
#sidebar li a {
color: #B1DEFF;
text-decoration: none;
}
#sidebar li a:hover {
color: #FFF;
}
#sidebar li.sbContent h3 {
margin-top: 10px;
}
#sidebar li.sbContent p {
border-left: 4px solid #84B0D3;
color: #FFF;
font-size: 11px;
padding: 0 20px 0 10px;
}
#search input {
margin-top: 10px;
width: 110px;
}
.sb1 {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar1.gif) repeat-y;
margin-top: -20px;
}
.sb1 li.sbb {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar_sep1.gif) no-repeat;
height: 37px;
margin-left: -20px;
width: 200px;
}
.sb2 {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar2.gif) repeat-y;
}
.sb2 li.sbb {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar_sep2.gif) no-repeat;
height: 35px;
margin-left: -20px;
width: 200px;
}
.sb3 {
background: #000;
margin-right: 0;
margin-bottom: -10px;
}
.sb3 li.sbb {
background: url(http://www.opendesigns.org/designs/1635/images/sidebar_base.gif) no-repeat;
height: 16px;
margin-left: -20px;
width: 200px;
}
#footer {
background: url(http://www.opendesigns.org/designs/1635/images/footer.jpg) bottom left no-repeat;
height: 27px;
margin-left: 24px;
margin-top: 20px;
}
#footer p {
color: #B1DEFF;
padding: 8px 0 0 0;
text-align: center;
}
#footer a {
color: #B1DEFF;
text-decoration: none;
}
.floatR {
float: right;
}
.floatL {
float: left;
}
.clearfloat {
clear: both;
}

R 12 TASARIM

TASARIMIN ÜZERİNDEKİ YAZI

<div id="wrap"> <div id="header"> <div id="topnav"> <ul> <li class="active"><a href="index.html" _fcksavedurl="index.html">Home</a></li> <li><a href="styles.html" _fcksavedurl="styles.html">Styles</a></li> <li><a href="notes.html" _fcksavedurl="notes.html">Notes</a></li> <li><a href="#nogo" _fcksavedurl="#nogo">Nogo</a></li> </ul> </div> <div id="breadcrumb"><a href="#" _fcksavedurl="#">YourWebsite.com</a> » <a href="#" _fcksavedurl="#">Home </a></div> <h1 id="sitename"><a href="#" _fcksavedurl="#">RS Tech Blog</a><span class="caption">High Quality Templates & Themes</span> </h1> </div> <div id="contents"> <div id="left"> <div class="post"> <div class="post_h"> </div> <div class="postcontent"> <span class="date">HackeR FrienD.Net </span> <h5>Bilgi Güçtür, Paylaştıkça Büyür!</h5>

TASARIMIN ALTINDAKİ YAZI

</div> <div class="post_b"> Link 1 | Link 2 | Link 3</div> </div> <div id="pagination"> <span class="alignleft"><a href="#" _fcksavedurl="#">« Önceki Sayfa</a></span> <span class="alignright"><a href="#" _fcksavedurl="#">Sonraki Sayfa »</a></span></div> </div> <div id="sidebar"> <h3>Categories</h3> <ul> <li class="cat-item cat-item-4"><a href="#" _fcksavedurl="#" title="cat">Lorem Ipsum </a></li> <li class="cat-item cat-item-5"><a href="#" _fcksavedurl="#" title="cat">Apple Macintosh </a></li> <li class="cat-item cat-item-3"><a href="#" _fcksavedurl="#" title="cat">Linux Ubuntu </a></li> <li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#" title="cat">Wordpress Themes</a></li> <li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#">XHTML Themes</a></li> <li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#">Free Releases </a></li> </ul> <h3>Archives</h3> <ul> <li><a href='#' _fcksavedurl='#' title='March 2008'>March 2008</a></li> <li><a href='#' _fcksavedurl='#' title='February 2008'>February 2008</a></li> <li><a href='#' _fcksavedurl='#' title='January 2008'>January 2008</a></li> <li><a href='#' _fcksavedurl='#' title='December 2007'>December 2007</a></li> </ul> <h3>Links</h3> <ul> <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> <h3>Meta</h3> <ul> <li><a href="#" _fcksavedurl="#">Log in</a></li> <li><a href="#" _fcksavedurl="#" title="This page validates as XHTML 1.0 Transitional">Valid <FCK:abbr title="eXtensible HyperText Markup Language">XHTML</FCK:abbr></a></li> <li><a href="#" _fcksavedurl="#"><FCK:abbr title="XHTML Friends Network">XFN</FCK:abbr></a></li> <li><a href="#" _fcksavedurl="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li> </ul> <h3>Search Box</h3> <form action="http://demo.themelab.com/" class="searchform"> <p> <input name="s" class="textbox" type="text" /> <input class="button" value="Search" type="submit" /> </p> </form> </div> <div class="clear"></div> </div> <div id="pagebottom"></div> <div id="footer"> <p>© All Contents are Copy-righted 2006 - 2008</p> <p><a href="#" _fcksavedurl="#">Put</a> | <a href="#" _fcksavedurl="#">Some More</a> | <a href="#" _fcksavedurl="#">Links</a> | <a href="#" _fcksavedurl="#">In the</a> | <a href="#" _fcksavedurl="#">Bottom</a> | <a href="#" _fcksavedurl="#">Of the </a>| <a href="#" _fcksavedurl="#">Page </a></p> <p><a href="http://ramblingsoul.com" _fcksavedurl="http://ramblingsoul.com">CSS Template</a> by Ramblingsoul </p> </div> </div>

CSS KODU BÖLÜMÜ

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} * {padding:0; margin:0;} #wrap #header #sitename { display: block; font: normal 28px Georgia, "Times New Roman", Times, serif; padding-left: 45px; padding-top: 15px; color: #000000; width: 300px; float: left; } #wrap #header .intro { display: block; float: right; width: 500px; padding-right: 55px; padding-top: 20px; font: italic normal 18px Georgia, "Times New Roman", Times, serif; color: #005979; } #wrap #header #breadcrumb a { color: #CCCCCC; text-decoration: none; } #wrap #header #breadcrumb a:visited, #wrap #header #breadcrumb a:active { color: #CCCCCC; text-decoration: none; }#wrap #header #breadcrumb a:hover { color: #fff; text-decoration: none; } #wrap #header #sitename .caption { font-size: 12px; display: block; } ul {list-style:none} a { color: #069; } html { background: #14222b url(http://ramblingsoul.com/preview/rs12/images/bodybg.jpg); } .clear {clear:both;} body {background:url(http://ramblingsoul.com/preview/rs12/images/bgtop.jpg) repeat-x; font:11px Verdana, Arial, Helvetica, sans-serif; color:#000;} #wrap {background:url(http://ramblingsoul.com/preview/rs12/images/pagebg.jpg) repeat-y; width:953px; margin:auto;} #header {background:url(http://ramblingsoul.com/preview/rs12/images/header3.jpg) no-repeat; height:210px;} #contents { background:url(http://ramblingsoul.com/preview/rs12/images/pageheader.jpg) no-repeat top; padding-left: 35px; padding-right: 35px; padding-top: 15px; } #footer{ background:url(http://ramblingsoul.com/preview/rs12/images/footer.jpg) no-repeat; height:130px; text-align: center; color: #9AACB8; padding-top: 50px; } #wrap #footer a { color: #C7D9E5; text-decoration: none; } #left {width:652px; float:left;} #left .post { width: 639px; margin-left: 4px; margin-bottom: 15px; background: url(http://ramblingsoul.com/preview/rs12/images/postbg.jpg) repeat-y; } #left .post .post_h { background: url(http://ramblingsoul.com/preview/rs12/images/postheader.jpg) no-repeat; height: 17px; } .post .post_b { background: url(http://ramblingsoul.com/preview/rs12/images/postfooter.jpg) no-repeat; height: 30px; padding-top: 10px; padding-left: 20px; padding-right: 20px; } .post_b .permalink { display: block; float: left; background: url(http://ramblingsoul.com/preview/rs12/images/readmore.jpg) no-repeat; height: 16px; padding-left: 20px; padding-top: 2px; margin-right: 5px; margin-left: 5px; } .post .postcontent { padding: 5px 25px; } .post .date { font-size: 10px; color: #999999; display: block; background: url(http://ramblingsoul.com/preview/rs12/images/posticon.jpg) no-repeat; padding-left: 20px; height: 16px; padding-top: 4px; } .post h5 { font: normal 18px Georgia, "Times New Roman", Times, serif; color: #007993; display: block; margin-bottom: 18px; padding-top: 5px; } #pagebottom {background:url(http://ramblingsoul.com/preview/rs12/images/paginationbg.jpg) no-repeat; height:44px; clear:both;} #topnav { height:50px; padding-top: 32px; padding-left: 30px; }#breadcrumb { color: #CCCCCC; padding-left: 135px; padding-top: 6px; } #wrap #contents #left #pagination { background: #9AACB8; margin-right: 15px; margin-left: 15px; padding: 8px; margin-bottom: 15px; } #pagination .alignleft { display: block; float: left; width: 200px; } #pagination .alignright { text-align: right; display: block; margin-left: 400px; } #topnav li { display: inline; text-transform: uppercase; font: bold 14px "Trebuchet MS", Arial, Halvetica, sans-serif; } #topnav a { display: block; height: 35px; width: 137px; float: left; margin:0 3px 0 3px; text-align:center; padding-top:15px; color:#ccc; text-decoration:none;} #topnav .active a {background:url(http://ramblingsoul.com/preview/rs12/images/menuhover.png) no-repeat; color:#fff;} #topnav a:hover {background:url(http://ramblingsoul.com/preview/rs12/images/menunormal.png) no-repeat; color:#333;}#wrap #contents #sidebar { margin-left: 665px; } #wrap #contents #sidebar h3 { background: url(http://ramblingsoul.com/preview/rs12/images/sidebarheading.jpg) no-repeat; display: block; width: 195px; height: 30px; color: #FFFFFF; padding-top: 6px; padding-right: 10px; padding-left: 10px; font: 16px "Trebuchet MS", Arial, Halvetica, sans-serif; text-transform: uppercase; margin-bottom: 8px; } #sidebar .cat-item { display: block; height: 24px; border:none!important; padding:0!important; } #sidebar li { margin-left: 10px; margin-right: 10px; } #sidebar li { display: block; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #91B5CC; } #sidebar ul li a { text-decoration: none; color: #15222B; } .cat-item a { display: block; height: 19px; padding-top: 5px; text-decoration: none; color: #15222B; border-bottom: 1px solid #91B5CC; } #sidebar ul { margin-bottom: 15px; } .post p { line-height: 18px; margin-bottom: 18px; } .post_b .category { display: block; float: left; background: url(http://ramblingsoul.com/preview/rs12/images/category.jpg) no-repeat; height: 16px; padding-left: 20px; padding-top: 2px; margin-right: 5px; margin-left: 5px; } .post_b a { color: #FFFFFF; text-decoration: none; } .post_b .comment { display: block; float: left; background: url(http://ramblingsoul.com/preview/rs12/images/comment.jpg) no-repeat; height: 16px; padding-left: 24px; padding-top: 2px; margin-right: 5px; margin-left: 5px; } .post_b a:visited, .post_b a:active { color: #FFFFFF; text-decoration: none; } .post_b a:hover { color: #FFFFFF; text-decoration: underline; } a:visited, active { color: #000033; } a:hover { color: #000000; text-decoration: none; } #pagination a { text-decoration: none; } #sidebar ul li a:visited, #sidebar ul li a:active { text-decoration: none; color: #15222B; } #sidebar ul li a:hover { text-decoration: none; color: #000000; } .cat-item a:visited .cat-item a:active { display: block; height: 19px; padding-top: 5px; text-decoration: none; color: #15222B; border-bottom: 1px solid #91B5CC; } .cat-item a:hover { display: block; height: 19px; padding-top: 5px; text-decoration: none; color: #000000; border-bottom: 1px solid #91B5CC; background: #DEE9EF; } #wrap #contents #sidebar .searchform p { padding: 8px; } #wrap #contents #sidebar .searchform .button { display: block; float: left; } #wrap #contents #sidebar .searchform .textbox { display: block; border: 1px solid #15222B; float: left; width: 140px; margin-right: 3px; padding: 2px; } #wrap #footer a:visited { color: #C7D9E5; } #wrap #footer a:hover { color: #FFFFFF; text-decoration: none; } img.alignleft { float: left; margin: 5px; padding: 5px; display: block; background: #C7D9E5; border: 1px solid #8E98A1; } img.alignright { float: right; margin: 5px; padding: 5px; display: block; background: #C7D9E5; border: 1px solid #8F9EA5; } #wrap #header #sitename a { text-decoration: none; color: #000; } blockquote { font: 14px Georgia, "Times New Roman", Times, serif; color: #006699; display: block; padding: 5px; border-top: 1px solid #C7D9E5; border-bottom: 1px solid #C7D9E5; margin-top: 10px; margin-bottom: 10px; } h1 a { text-decoration: none; } h5 a { text-decoration: none; } blockquote p { margin-bottom: 0!important; } .post ul, .post ol { margin-bottom: 15px; } .post ol { list-style: decimal outside; padding-left: 15px; } .post ol li { padding: 4px; } #wrap #contents #left .post .postcontent code { display: block; margin-bottom: 15px; padding: 10px; background: #C7D9E5 url(http://ramblingsoul.com/preview/rs12/images/codebg.jpg) no-repeat right bottom; color: #000000; font: 11px "Courier New", Courier, monospace; white-space: pre; } #wrap #contents #left #comments { width: 639px; margin-left: 6px; } #wrap #contents #left #comments ol { list-style: none; } #wrap #contents #left #comments ol li { display: block; padding: 5px; margin-bottom: 10px; border-bottom: 1px solid #D4D0C8; background: #f4f4f4; } #wrap #contents #left #comments ol.odd { background: #fff!important; } h3 a { text-decoration: none; } h3 { font-size: 16px; margin-bottom: 15px; } #wrap #contents #left #comments #commentop { background: url(http://ramblingsoul.com/preview/rs12/images/commenttop.jpg) no-repeat; height: 64px; } #wrap #contents #left #comments #commentcontent { background: url(http://ramblingsoul.com/preview/rs12/images/commentbg.jpg) repeat-y; padding: 5px 15px; } #wrap #contents #left #comments #commentbtm { background: url(http://ramblingsoul.com/preview/rs12/images/commentbtm.jpg) no-repeat; height: 38px; } #wrap #contents #left #comments .text { border: 1px solid #C7D9E5; margin-bottom: 15px; padding: 3px; display: block; width: 200px; } #wrap #contents #left #comments #commentcontent form { padding-left: 45px; } #comment { border: 1px solid #C7D9E5; margin-bottom: 15px; }

      Tasarımın Üzerindeki Bölüme

      Css Kodu Bölümüne

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} #Header_oben { height: 160px; width: 921px; background: ; background-image:url(https://img.webme.com/pic/r/razor-designs/marioheader.png); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:45px;top:25px;} body {background-image:url(https://img.webme.com/pic/r/razor-designs/399765159_67c524b29a_b.jpg);background-position:;} 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: none; 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:url(hover); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 922px; } #nav_container { width: 160px; height: 370px; background: ; background-image:url(https://img.webme.com/pic/r/razor-designs/hahahahahahaa.png); color: ; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; position:absolute;left:785px;top:180px;} #content { height: 370px; width: 540px; background:; background-image:url(https://img.webme.com/pic/r/razor-designs/hahahahahahaa.png); color: #ffffff; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; position:absolute;left:45px;top:180px;} #sidebar_container { height: 370px; width: 100px; background: ; background-image:url(https://img.webme.com/pic/r/razor-designs/backgroundsidebar.png); color:#ffffff ; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; position:absolute;left:630px;top:180px;} #counter{display: none;}

Tasarımın Üzerindeki Bölüme

         Tasarımın Altındaki Bölüme



         Css Kodu Bölümüne

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*
Theme Name: I-Blues
Theme URI: http://topwpthemes.com/i-blues/
Description: Designed by <a href=http://webtop99.com _fcksavedurl=http://webtop99.com>Web Top</a> and available FREE at <a href=http://www.zinruss.com/themes _fcksavedurl=http://www.zinruss.com/themes></a>WordPress Themes Gallery</a>
Author: Web Top
Author URI: http://webtop99.com
© 2008, Web Top. All rights reserved.
*/
/*
* Default HTML tags
*/
a {
color: #181818;
}
a:visited {
color: #181818;
text-decoration: underline;
}
a:hover {
color: #181818;
}
acronym, abbr {
cursor: help;
}
blockquote {
margin-left: 10px;
padding-left: 10px;
border-left: 5px solid #01bcf3;
}
body {
background: #02b9f1 url(http://testrun.wptr.net/wp-content/themes/IBlues/images/body-bg.jpg) repeat-x top;
color: #282828;
font-size: 60.5%;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 0px auto;
padding: 0px;
text-align: center;
}
cite {
font-size: 90%;
font-style: normal;
}
h2 {
font-size: 12px;
margin: 15px 0 3px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #181818;
}
h2 a,
h2 a:visited,
h2 a:hover,
h2 a:visited:hover {
text-decoration: none;
color: #181818;
padding: 5px 13px 5px 3px;
}
h3 {
font-size: 12px;
margin: 28px 0 5px 0;
padding: 4px 0 4px 0;
font-weight: bold;
color: #181818;
background: #e8f6fd;
text-align: center;
border-top: 1px solid #b6e4fb;
border-bottom: 1px solid #b6e4fb;
}
h4 {
font-size: 12px;
margin: 10px 0 10px 0;
font-weight: bold;
color: #181818;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/leftmenu-top.jpg);
height: 20px;
text-align: center;
}
h4 a,
h4 a:visited,
h4 a:hover,
h4 a:visited:hover {
text-decoration: none;
color: #181818;
}
h5 {
font-size: 12px;
margin: 10px 0 10px 0;
padding: 6px 0 8px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #181818;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menu-right-title-bg.png);
width: 301px;
text-align: center;
}
h5 a,
h5 a:visited,
h5 a:hover,
h5 a:visited:hover {
text-decoration: none;
color: #181818;
}
#pagecontent img {
padding: 3px;
border: #b6e4fb 1px solid;
background: #fefefe;
margin-right: 5px;
margin-left: 3px;
}
#pagecontent img.alignleft {
float: left;
margin: 3px 3px 3px 0px;
}
#pagecontent img.alignright {
float: right;
margin: 3px 0px 3px 3px;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}
ol#comments li p {
font-size: 100%;
}
ul {
margin: 0;
padding: 0;
}
/* Link to the comments */
.feedback {
color: #181818;
font-weight: bold;
font-size: 11px;
background: #d3edfa;
text-align: right;
padding: 4px 10px 6px 0px;
clear: both;
text-transform: lowercase;
border-bottom: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
.feedback a, .feedback a:visited { color: #008ed0;
text-decoration: none;
}
.feedback a:hover, .feedback a:visited:hover { color: #181818;
text-decoration: none;
}
/* The post informations */
.meta {
font-size: 11px;
}
.meta li,
ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta a {
color: #181818;
text-transform: lowercase;
text-decoration: none;
}
.meta a:hover {
text-decoration: underline;
}
.meta {
color: #181818;
background: #d3edfa;
padding: 5px 5px 5px 5px;
font-weight: normal;
letter-spacing: 0;
border-top: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
.storycontent {
font-size: 115%;
background: #f4fbfe;
padding: 10px;
border: 1px solid #b6e4fb;
}
/* Comment form design */
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
background: #ffffff;
border: 1px solid #b6e4fb;
color: #282828;
}
#commentform textarea {
width: 95%;
}
#commentlist li ul {
border-left: 1px solid #830000;
font-size: 110%;
}
ol#commentlist li {
list-style: decimal;
}
#pagecontent {
float: left;
width: 651px;
margin: 0px 10px 0px 10px;
text-align: left;
display: inline;
}
#pagecontent ol li {
list-style: decimal;
}
#pagecontent ul {
margin-top: 10px;
margin-left: 35px;
}
#pagecontent ul li {
list-style-image: none;
}
#pagecontent-big {
float: left;
width: 651px;
margin: 0px 10px 0px 10px;
text-align: justify;
display: inline;
}
.spacer {   padding: 0px;
text-align: right;
clear: both;
text-transform: lowercase;
padding-top: 5px;
}
#header {
font-size: 32px;
font-weight: bold;
text-decoration:none;
font-family: Verdana;
margin: 0px auto;
height: 284px;
width: 1000px;
padding: 0;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/header.jpg) no-repeat;
}
.header-title {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
color:#ffffff;
font-size:26px;
font-weight:bold;
padding: 90px 0 0 198px;
text-align:left;
}
.header-title a{
color:#ffffff;
text-decoration:none;
border-bottom:none;
}
.header-title a:hover{
color:#ffffff;
text-decoration:none;
border-bottom:none;
}
.header-description {
font-size: 11px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: normal;
color:#ffffff;
padding: 1px 0 0 199px;
text-align:left;
}
Top part CSS
*/
#top {
width: 1000px;
height: 34px;
margin: 0px auto;
}
#topleft {
float: left;
height: 34px;
padding-left: 0px;
}
#topright {
float: right;
height: 34px;
padding-right: 10px;
}
Page navigation CSS
*/
#menu {
float: left;
height: 32px;
padding-top: 1px;
padding-bottom: 1px;
border-left: 1px solid #b6e4fb;
z-index: 20;
}
#menu li {
float: left;
display: block;
height: 32px;
border-right: 1px solid #b6e4fb;
}
#menu li ul li {
height: 24px;
border-right: 0;
border-bottom: 1px solid #b6e4fb;
width: 100%;
}
#menu li a {
display: block;
padding-left: 15px;
padding-right: 15px;
line-height: 32px;
font-size: 11px;
font-weight: bold;
color: #008ed0;
text-decoration: none;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#menu li a:hover {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menuhover.gif) repeat-x;
color: #01bcf3;
}
#menu li.current_page_item a {
background: #FFF;
color: #01bcf3;
}
#menu li.current_page_item a:hover {
background: #FFF;
color: #01bcf3;
}
#menu ul {
display: none;
z-index: 99;
position: absolute;
}
#menu ul li a {
display: block;
background: #FFF;
}
#menu li ul a:hover {
display: block;
background: #FFF;
}
#menu ul a {
display: block;
}
#menu ul ul {
margin-top: -27px;
display: none;
margin-left: 198px;
position: absolute;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
#menu li:hover ul ul {
display: none;
}
#menu li:hover ul {
display: block;
}
#menu ul li:hover ul {
display: block;
}
#menu li ul li {
display: block;
width: 100%;
}
#menu li.page_item ul {
border-top: 2px solid #b6e4fb;
width: 200px;
}
#menu li.page_item a {
display: block;
}
#menu li.page_item a:hover {
display: block;
}
#menu li.page_item ul li a {
display: block;
text-align: left;
height: 24px;
line-height: 24px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
background: #fff;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
font-size: 0.7em;
font-weight: bold;
color: #333;
text-decoration: none;
}
#menu li.page_item ul li a:hover {
display: block;
text-align: left;
height: 24px;
line-height: 24px;
border-right: 1px solid #b6e4fb;
border-left: 1px solid #b6e4fb;
background: #FFF;
padding-left: 15px;
padding-right: 15px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
color: #333;
}
/*
Search form CSS
*/
.searchform {
display: inline;
}
.searchform fieldset {
display: inline;
margin-top: 1px;
padding-top: 4px;
border: #34c3f3 0px solid;
}
.searchform label {
vertical-align: middle;
display: inline;
margin-right: 5px;
font-size: 11px;
color: #01bcf3;
font-weight: bold;
}
.searchform input {
vertical-align: middle;
display: inline;
font-size: 11px;
}
.searchinput {
background: #FFF;
border: 1px solid #b6e4fb;
width: 184px;
padding-top: 3px;
padding-bottom: 3px;
color: #282828;
}
.searchbutton {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/searchbutton.gif) no-repeat;
width: 16px;
height: 16px;
margin-bottom: 2px;
text-transform: uppercase;
cursor: pointer;
color: #FFF;
font-weight: bold;
border: 0px solid #b6e4fb;
}
/*
Main Category Menu CSS
*/
#category {
width: 1000px;
height: 30px;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryright.gif) repeat-x;
border-top: 1px solid #b6e4fb;
border-bottom: 1px solid #b6e4fb;
}
#categoryx {
float: left;
width: 965px;
height: 30px;
padding-left: 10px;
}
#categoryy {
float: right;
width: 5px;
height: 30px;
}
#dcategory {
float: left;
height: 30px;
border-left: 1px solid #b6e4fb;
z-index: 20;
}
#dcategory li {
float: left;
display: block;
height: 30px;
border-right: 1px solid #b6e4fb;
}
#dcategory li ul li {
height: 24px;
border-right: 0;
border-bottom: 1px solid #b6e4fb;
width: 100%;
}
#dcategory li a {
display: block;
line-height: 30px;
padding-left: 15px;
padding-right: 15px;
font-size: 11px;
color: #008ed0;
font-weight: bold;
text-decoration: none;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#dcategory li a:hover {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryhover.gif) repeat-x;
color: #01bcf3;
}
#dcategory ul {
display: none;
z-index: 99;
position: absolute;
}
#dcategory ul li a {
display: block;
background: #FFF;
}
#dcategory li ul a:hover {
display: block;
background: #FFF;
}
#dcategory ul a {
display: block;
}
#dcategory ul ul {
margin-top: -26px;
display: none;
margin-left: 200px;
position: absolute;
border-left: 1px solid #b6e4fb;
border-right: 1px solid #b6e4fb;
}
#dcategory li:hover ul ul {
display: none;
}
#dcategory li:hover ul {
display: block;
}
#dcategory ul li:hover ul {
display: block;
}
#dcategory li ul li {
display: block;
width:100%;
}
#dcategory li.cat-item ul {
width: 260px;
}
#dcategory li.cat-item a {
display: block;
}
#dcategory li.cat-item a:hover {
display: block;
}
#dcategory li.cat-item ul li a {
display: block;
margin-left: -1px;
text-align: left;
font-size: 11px;
height: 24px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
color: #008ed0;
font-weight: bold;
border: 1px solid #b6e4fb;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryhover.gif) repeat-x;
}
#dcategory li.cat-item ul li a:hover {
display: block;
text-align: left;
font-size: 11px;
height: 24px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
color: #282828;
font-weight: bold;
background: #b6e4fb;
border: 1px solid #b6e4fb;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/categoryright.gif) repeat-x;
}
/*
/* The credits at the bottom of the site */
#credit {
width: 1000px;
height: 32px;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/credit.jpg);
text-align: center;
font-size: 11px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin-left: auto;
margin-right: auto;
padding: 0;
clear: both;
}
#credit  a, #credit  a:visited {
color: #282828;
text-decoration: none;
}
#credit  a:hover, #credit  a:visited:hover {
color: #282828;
text-decoration: none;
}
#credit p {
color: #282828;
text-align: center;
padding-top: 10px;
font-weight: bold;
}
/*
Subscribe RSS Form
*/
.subscribe {
width: 294px;
}
.subscribe fieldset {
display: inline;
margin-bottom: 10px;
border: 1px dotted #f4fbfe;
width: 270px;
}
.subscribe input {
display: inline;
vertical-align: middle;
}
.feedinput {
border: 1px solid #b6e4fb;
width: 184px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
color: #282828;
font-size: 11px;
}
.feedinput:focus {
background: #ffffff;
border: 1px dotted #b6e4fb;
}
.feedsubmit {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/feedsubmit.gif) no-repeat;
font-size: 11px;
font-weight: bold;
width: 44px;
height: 21px;
color: #fff;
cursor: pointer;
border: 0px dotted #b6e4fb;
}
.feedlink {
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/rss.gif) no-repeat left;
padding-bottom: 2px;
padding-left: 20px;
font-weight: bold;
font-size: 11px;
margin-right: 10px;
}
/*
* right sidebar
*/
#menu-right {
float: right;
display: inline;
width: 301px;
margin: 10px 10px 10px 0px;
font-size: 11px;
padding: 0px 8px 18px 8px;
border: 1px solid #b6e4fb;
background: #fefefe;
}
#menu-right h2 {
font-size: 18px;
margin: 8px 0 2px 0;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
color: #01bcf3;
}
#menu-right a,
#menu-right a:visited {
text-transform: lowercase;
text-decoration: none;
color: #181818;
}
#menu-right a:hover,
#menu-right a:visited:hover  {
text-transform: lowercase;
text-decoration: underline;
color: #181818;
}
#menu-right ul ul {
margin-left: 12px;
}
#menu-right ul ul li {
list-style-image: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/menu-right-icon.png);
margin-left: 8px;
}
.box {
background: #f4fbfe;
padding: 10px;
border: 1px solid #b6e4fb;
}
.box p {
font-size: 1.0em;
line-height: 1.3em;
color: #282828;
margin: 0px 0px 7px 0px;
}
.postbox {
margin-bottom: 10px;
background: #FFF;
padding: 10px;
border: 1px solid #b6e4fb;
}
.postbox p {
font-size: 1.0em;
line-height: 1.3em;
text-align: justify;
margin: 0;
color: #666;
}
#adcontainer {
padding: 0px 0 0 0;
margin:0;
width: 300px;
}
#adboxes{
padding: 13px 0 14px 0px;
width:300px;
background: #1b8adc url(http://testrun.wptr.net/wp-content/themes/IBlues/images/adcontainer_bg.jpg) top repeat-x;
float:left;
position: relative;
}
#adboxes ul {
margin: 0;
padding: 0;
list-style: none;
padding-left: 15px;
}
#adboxes ul li {
display:block;
margin: 2px 4px 0px 0px !important;
padding: 0px !important;
float:left;
list-style: none;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
#menu-right img {
padding: 3px;
border: #b6e4fb 1px solid;
background: #ffffff;
}
#menu-right img.alignleft {
float: left;
margin: 3px 3px 3px 0;
}
#menu-right img.alignright {
float: right;
margin: 0 3px 3px 3px;
}
/* End of right sidebar */
#rap {
width: 1000px;
margin: 0px auto;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/rap-bg.jpg) repeat-y;
text-align: left;
padding: 0px;
border-left: 1px solid #02b9f1;
border-right: 1px solid #02b9f1;
}
.submit_button {
float: left;
padding:0; margin:0;
border:0;
height:23px;
width:130px;
background: url(http://testrun.wptr.net/wp-content/themes/IBlues/images/submit-button.jpg) no-repeat;
}
input#s {
width: 200px;
border: 1px solid #830000;
color: #282828;
margin-top: 5px;
}

Tasarımın Üzerindeki Bölüme

Tasarımın Altındaki Bölüme

</div>
<div id="left">
<h3>Kategoriler</h3>
<ul>
<li><a href="#" _fcksavedurl="#">Nickler</a></li>
<li><a href="#" _fcksavedurl="#">Videolar</a></li>
<li><a href="#" _fcksavedurl="#">Html Kodlar</a></li>
<li><a href="#" _fcksavedurl="#">Msn Avatarları</a></li>
<li><a href="#" _fcksavedurl="#">Facebook Dersleri</a></li>
<li><a href="#" _fcksavedurl="#">Photoshop Dersleri</a></li>
</ul>
<h3>Arşivler</h3>
<ul>
<li><a href="#" _fcksavedurl="#">Ocak 2009</a></li>
<li><a href="#" _fcksavedurl="#">Şubat 2009</a></li>
<li><a href="#" _fcksavedurl="#">Mart 2009</a></li>
<li><a href="#" _fcksavedurl="#">Nisan 2009</a></li>
<li><a href="#" _fcksavedurl="#">Mayıs 2009</a></li>
<li><a href="#" _fcksavedurl="#">Haziran  2009</a></li>
<li><a href="#" _fcksavedurl="#">Temmuz 2009</a></li>
<li><a href="#" _fcksavedurl="#">Ağustos 2009</a></li>
<li><a href="#" _fcksavedurl="#">Eylül 2009</a></li>
<li><a href="#" _fcksavedurl="#">Ekim 2009</a></li>
<li><a href="#" _fcksavedurl="#">Kasım 2009</a></li>
<li><a href="#" _fcksavedurl="#">Aralık 2009</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
<div id="footer">
Design by <a href='http://www.htmlsablonkod.tr.gg' _fcksavedurl='http://www.htmlsablonkod.tr.gg'>Free Tasarım</a>
</body>
</html>

Css Kodu Bölümüne

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
*{ margin: 0; padding: 0; }*
body { font: .8em Arial, Sans-Serif; line-height: 1.8em; background: #333; color: #444; }
a {COLOR: #6587E0; text-decoration: none;}
a:visited {COLOR: #6587E0; text-decoration: none;}
a:hover {COLOR: #333; text-decoration: underline;}
h2 { margin: 0 0 10px; padding: 10px 0 3px; }
h3 { padding-left: 10px; color: #fff; background: #FE7B09 url(http://img219.imageshack.us/img219/6808/98493134.jpg) repeat-x; font-size: 1em; height: 24px; line-height: 24px; }
ul {  padding: 0; margin: 0 0 10px;}
li { list-style-type: none;}
p { margin: 5px 0 10px 0; }
img { border: none; }
#header {
background: #FE7B09 url(http://img512.imageshack.us/img512/7140/headerg.jpg) repeat-x;
height: 215px;
}
#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: -1px;
padding: 22px 0 5px 10px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #000;
text-decoration: none;
}
#header h2 {
color: #eee;
font-size: 19px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}
#wrap { padding: 10px 10px 3px 10px; width: 760px; margin:20px auto; background: #fff;}
#left { float: left; width: 180px; background: #CFDDFF; margin-bottom: 10px; margin-top: 20px;}
#left ul { padding: 5px 10px 10px 10px; margin: 0; }
#right { margin-bottom: 10px; float: right; width: 550px; padding: 0 10px 10px 10px; margin-top: 10px;}
#footer { font-size: 11px; text-align: center; border-top: 1px solid #ccc; padding: 10px 5px; }

Tasarımın Üzerindeki Bölüme

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> <head profile="http://gmpg.org/xfn/11"> <FCK:meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>31f.info </title> <FCK:meta name="generator" content="WordPress 2.6" />  <link rel="stylesheet" href="http://www.31f.info/wp-content/themes/WP-Christmas-Time/style.css" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="31f.info RSS Feed" href="http://www.31f.info/feed/" /> <link rel="pingback" href="http://www.31f.info/xmlrpc.php" /> <script type="text/javascript" src="http://www.31f.info/wp-content/themes/WP-Christmas-Time/script.js"></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.31f.info/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.31f.info/wp-includes/wlwmanifest.xml" /> <FCK:meta name="generator" content="WordPress 2.6" /> </head> <body> <div class="PageBackgroundGradient"></div><div class="PageBackgroundGlare"><div class="PageBackgroundGlareImage"></div></div> <div class="Main"> <div class="Sheet"> <div class="Sheet-body"> <div class="nav"> <ul class="menu"> <li><a class="active" href="http://www.31f.info" _fcksavedurl="http://www.31f.info"><span><span>Ana Sayfa</span></span></a></li><li class="page_item page-item-2"><a href="http://www.31f.info/about/" _fcksavedurl="http://www.31f.info/about/" title="About"><span><span>İletişim</span></span></a></li> <li class="page_item page-item-34"><a href="http://www.31f.info/parent-1/" _fcksavedurl="http://www.31f.info/parent-1/" title="Parent 1"><span><span>Tasarımlar</span></span></a> <ul> <li class="page_item page-item-39"><a href="http://www.31f.info/parent-1/child-1/" _fcksavedurl="http://www.31f.info/parent-1/child-1/" title="Child 1"><span><span>İcelue</span></span></a> <ul> </li> <li class="page_item page-item-41"><a href="http://www.31f.info/parent-1/child-2/" _fcksavedurl="http://www.31f.info/parent-1/child-2/" title="Child 2"><span><span>Butterfly</span></span></a></li> <li class="page_item page-item-43"><a href="http://www.31f.info/parent-1/child-3/" _fcksavedurl="http://www.31f.info/parent-1/child-3/" title="Child 3"><span><span>Jav Script Kodlar</span></span></a></li> </ul> </li> <li class="page_item page-item-35"><a href="http://www.31f.info/parent-2/" _fcksavedurl="http://www.31f.info/parent-2/" title="Parent 2"><span><span>Başlıklar</span></span></a></li> <li class="page_item page-item-37"><a href="http://www.31f.info/parent-3/" _fcksavedurl="http://www.31f.info/parent-3/" title="Parent 3"><span><span>Butonlar</span></span></a></li> </ul> <div class="l"></div><div class="r"><div></div></div></div><div class="Header"> <div> <table class="logo"> <tr><td class="logo-name"></td></tr> <tr><td class="logo-text">Senin Siten</td></tr> </table> </div> </div> <div class="contentLayout"> <div class="sidebar1"> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Kategoriler <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li class="cat-item cat-item-3"><a href="http://www.31f.info/category/parent-1/" _fcksavedurl="http://www.31f.info/category/parent-1/" title="View all posts filed under Parent 1">İceblue Tasarım</a> ( 12 ) <ul class='children'> <li class="cat-item cat-item-9"><a href="http://www.31f.info/category/parent-1/child-2/" _fcksavedurl="http://www.31f.info/category/parent-1/child-2/" title="View all posts filed under Child 2">Red Tasarım</a> ( 2 ) </li> <li class="cat-item cat-item-10"><a href="http://www.31f.info/category/parent-1/child-3/" _fcksavedurl="http://www.31f.info/category/parent-1/child-3/" title="View all posts filed under Child 3">Buuterfly Tasarım</a> ( 2 ) <ul class='children'> <li class="cat-item cat-item-11"><a href="http://www.31f.info/category/parent-1/child-3/child-4/" _fcksavedurl="http://www.31f.info/category/parent-1/child-3/child-4/" title="View all posts filed under Child 4">Css Design</a> ( 9 ) </li> </ul> </li> </ul> </li> <li class="cat-item cat-item-5"><a href="http://www.31f.info/category/parent-3/" _fcksavedurl="http://www.31f.info/category/parent-3/" title="View all posts filed under Parent 3">Başlıklar</a> ( 7 ) </li> <li class="cat-item cat-item-1"><a href="http://www.31f.info/category/uncategorized/" _fcksavedurl="http://www.31f.info/category/uncategorized/" title="View all posts filed under Uncategorized">Butonlar</a> ( 24 ) </li> </ul> </div> </div> </div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Search <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <form method="get" id="searchform" action="http://www.31f.info/"> <input type="text" value="" name="s" id="s" style="width: 95%;" /> <button class="Button" type="submit" name="search"> <span class="btn"> <span class="t">Search</span> <span class="r"><span></span></span> <span class="l"></span> </span> </button> </form> </div> </div> </div> </div> </div> <div class="content"> <div class="Block"> <div class="Block-body"> <div class="BlockContent">

Tasarımın Altındaki Bölüme

</div> </div> </div> </div> <div class="sidebar2"> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Bookmarks <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </div> </div> </div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockHeader"> Archive <div class="l"></div> <div class="r"><div></div></div> </div> <div class="BlockContent"> <div class="BlockContent-body"> <ul> <li><a href='http://www.31f.info/2008/11/' _fcksavedurl='http://www.31f.info/2008/11/' title='November 2008'>November 2008</a></li> <li><a href='http://www.31f.info/2008/08/' _fcksavedurl='http://www.31f.info/2008/08/' title='August 2008'>August 2008</a></li> </ul> </div> </div> </div> </div> <div class="Block"> <div class="Block-body"> <div class="BlockContent"> <div class="BlockContent-body"> <div id="sidebar_125_125_ads">  <div> <a href="#" _fcksavedurl="#"><img src="http://i305.photobucket.com/albums/nn214/WP-Themes/20/125_X_125.gif" _fcksavedurl="http://i305.photobucket.com/albums/nn214/WP-Themes/20/125_X_125.gif" alt="" style="height:95px;width:95px" /></a> </div> <div> <a href="#" _fcksavedurl="#"><img src="http://i305.photobucket.com/albums/nn214/WP-Themes/20/125_X_125.gif" _fcksavedurl="http://i305.photobucket.com/albums/nn214/WP-Themes/20/125_X_125.gif" alt="" style="height:95px;width:95px" /></a> </div><br /> <div> <a href="#" _fcksavedurl="#"><img src="http://i305.photobucket.com/albums/nn214/WP-Themes/20/125_X_125.gif" _fcksavedurl="http://i305.photobucket.com/albums/nn214/WP-Themes/20/125_X_125.gif" alt="" style="height:95px;width:95px" /></a> </div> <div> <a href="#" _fcksavedurl="#"><img src="http://i305.photobucket.com/albums/nn214/WP-Themes/20/125_X_125.gif" _fcksavedurl="http://i305.photobucket.com/albums/nn214/WP-Themes/20/125_X_125.gif" alt="" style="height:95px;width:95px" /></a> </div>  </div> </div> </div> </div> </div> </div> </div> </div> <div class="Sheet-tl"></div> <div class="Sheet-tr"><div></div></div> <div class="Sheet-bl"><div></div></div> <div class="Sheet-br"><div></div></div> <div class="Sheet-tc"><div></div></div> <div class="Sheet-bc"><div></div></div> <div class="Sheet-cl"><div></div></div> <div class="Sheet-cr"><div></div></div> <div class="Sheet-cc"></div> </div> <div id="footer">  <p>Designed by <a href="http://www.freewordpresstheme.info/" _fcksavedurl="http://www.freewordpresstheme.info/">Free WordPress Themes</a> and Coded by <a href="http://www.wpspider.com/" _fcksavedurl="http://www.wpspider.com/">Free Blog Theme</a>.<br/> <a href="http://www.31f.info/feed/" _fcksavedurl="http://www.31f.info/feed/">Entries (RSS)</a> and <a href="http://www.31f.info/comments/feed/" _fcksavedurl="http://www.31f.info/comments/feed/">Comments (RSS)</a>. </p> </div> </div> </body> </html>

Css Kodu Bölümüne

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}

Tasarımın Üzerindeki Bölüme

<div id="header"> <h1><a href="#" _fcksavedurl="#">Dusplic</a></h1> <h2><a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">by Free Css Templates </a></h2> </div> <div id="content"> <div id="posts"> <div class="post"> <h2 class="title">Welcome to Dusplic!</h2>

Tasarımın Altındaki Bölüme

      </div> </div> </div> <div id="archives" class="boxed"> <h2 class="heading">Archives</h2> <div class="content"> <ul> <li><a href="#" _fcksavedurl="#">February</a> (7) </li> <li><a href="#" _fcksavedurl="#">January 2007</a> (31)</li> <li><a href="#" _fcksavedurl="#">December 2006</a> (31)</li> <li><a href="#" _fcksavedurl="#">November 2006</a> (30)</li> <li><a href="#" _fcksavedurl="#">October 2006</a> (31)</li> <li><a href="#" _fcksavedurl="#">September 2006</a> (30)</li> <li><a href="#" _fcksavedurl="#">August 2006</a> (31)</li> <li><a href="#" _fcksavedurl="#">July 2006</a> (31)</li> <li><a href="#" _fcksavedurl="#">June 2006</a> (30)</li> </ul> </div> </div> <div id="categories" class="boxed"> <h2 class="heading">Categories</h2> <div class="content"> <ul> <li><a href="#" _fcksavedurl="#">Quisque vestibulum</a></li> <li><a href="#" _fcksavedurl="#">Sed a nisl a lacus</a></li> <li><a href="#" _fcksavedurl="#">Quisque sagittis</a></li> <li><a href="#" _fcksavedurl="#">Etiam volutpat</a></li> <li><a href="#" _fcksavedurl="#">In aliquet hendrerit</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse iaculis</a></li> </ul> </div> </div> <div id="blogroll" class="boxed"> <h2 class="heading">Blogroll</h2> <div class="content"> <ul> <li><a href="#" _fcksavedurl="#">AnotherFriendlySite.net</a></li> <li><a href="#" _fcksavedurl="#">CoolSite.com</a></li> <li><a href="#" _fcksavedurl="#">MyBestFriend.com</a></li> </ul> </div> </div> <div id="pages" class="boxed"> <h2 class="heading">Pages</h2> <div class="content"> <ul> <li><a href="#" _fcksavedurl="#">My Blog</a></li> <li><a href="#" _fcksavedurl="#">My Photos</a></li> <li><a href="#" _fcksavedurl="#">My Favorites</a></li> <li><a href="#" _fcksavedurl="#">About Me</a></li> <li><a href="#" _fcksavedurl="#">Contact Me</a></li> </ul> </div> </div> <div id="search" class="boxed"> <h2 class="heading">Search</h2> <div class="content"> <form method="get" action="#"> <div> <input type="text" id="textfield1" name="textfield1" value="" size="18" /> <input type="submit" id="submit1" name="submit1" value="Search" /> </div> </form> </div> </div> </div>

      Css Kodu Bölümüne

      h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { margin: 0 20px 0 0; padding: 0; background: #FFFFFF url(http://www.opendesigns.org/designs/461/images/img1.jpg) repeat-y; font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; color: #8A8E99; } form { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; color: #6F7A9F; } a { border-bottom: 1px solid #8A8E99; text-decoration: none; color: #4369D1; } a:hover { border: none; } /* Boxed */ .boxed { } .boxed .heading { margin: 0; padding: 10px 30px 5px 30px; font-size: 1em; } .boxed .content { padding-bottom: 20px; background: url(http://www.opendesigns.org/designs/461/images/img3.jpg) no-repeat left bottom; } .boxed ul { margin: 0; padding: 0; list-style: none; } .boxed li { padding: 2px 30px 2px 40px; background: url(http://www.opendesigns.org/designs/461/images/img4.jpg) no-repeat; } .boxed a { border: none; } /* Header */ #header { width: 230px; height: 90px; padding: 70px 0 0 30px; background: url(http://www.opendesigns.org/designs/461/images/img2.jpg) no-repeat; } #header h1 { margin: 0; padding: 0; font-size: 3em; } #header h2 { margin: -.75em 0 0 2px; padding: 0; font-size: 1em; } #header a { border: none; color: #6F7A9F; } /* Posts */ #posts { float: left; position: absolute; left: 270px; top: 0; margin: 160px 20px 0 0; } .post { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #8A8E99; } .title { margin: 0; font-size: 1.8em; } .posted { margin-top: 0; font-size: .8em; } .meta { font-size: .8em; } /* Search */ #search form { padding: 0 30px 0 40px; } #textfield1 { width: 160px; padding: 2px 5px; background: url(http://www.opendesigns.org/designs/461/images/img5.jpg); border: none; border-top: 1px solid #638DBD; border-left: 1px solid #638DBD; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; color: #8A8E99; } #submit1 { display: none; }

Tasarımın Üzerindeki Bölüme

Tasarımın Altındaki Bölüme

</div>

<div id="sidebar">
<ul>
<li id="submenu">
<h2>Kategoriler</h2>
<ul>
<li><a href="#" _fcksavedurl="#">Nickler</a></li>
<li><a href="#" _fcksavedurl="#">Videolar</a></li>
<li><a href="#" _fcksavedurl="#">15x15 İconlar</a></li>
<li><a href="#" _fcksavedurl="#">Css Tasarımlar</a></li>
<li><a href="#" _fcksavedurl="#">Html Kod Arşivi</a></li>
<li><a href="#" _fcksavedurl="#">Toplist</a> [ 8 Site ]</li>
<li><a href="#" _fcksavedurl="#">Link Kutusu</a> [ 11 Site ]</li>
</ul>
</li>

<li id="news">
<h2>Duyuru Panosu</h2>
<ul>
<li>
<h3>Yazan: Admin</h3>
<p><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Sitemiz hakkında duyurular bu köşeden verilecektir.…</a></p>
</li>
</li>
</ul>
</li><br /> <form action="http://www.ingilizceturkcesozluk.net/ara.php" method="post" target="_blank"><br /><table width="160" border="1" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC"><tr><td style="font-family:verdana; font-size:10px; color:#006699;"><div align="center">Türkçe - İnglizce / İngilizce - Türkçe Çeviri </div></td></tr><tr><td><div align="center"><span style="color: #333333"><span style="font-size:11px;">Kelime</span>:</span><br />          <input name="ara" type="text" style="background:url(http://www.ingilizceturkcesozluk.net/media/btn_temizle.gif); font-size:11px; color:#FFFFFF;" size="15"><br /></div></td></tr><tr><td><div align="center"><input name="Submit" type="submit" style="background:url(http://www.ingilizceturkcesozluk.net/media/btn_temizle.gif); font-size:11px; color:#FFFFFF;" value="Çevir"></div></td></tr><tr>   <td><div align="center"><span style="font-family: verdana; font-size: 9px; color:#666666"><b>© 2009 by BRKNL</b>   <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg"> <img src="http://theme.webme.com/smiles/smiley.gif" border="0"></a></span></div></td></tr></table><br /></form>

</ul>
</div>

<div style="clear: both; height: 1px"></div>
</div>

<div id="footer">
<p id="legal">Copyright © 2009 Design by <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Free Tasarım</a></p>
</div>

</div>

Css Kod Bölümüne

Tasarımın Üzerindeki Bölüme

<div id="header">
<div id="logo">
<h1><a href="#" _fcksavedurl="#">Site Adı</a></h1>
<h2><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">     Site Amblemi</a></h2>
</div>
<div id="menu">
<ul>
<li class="active"><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg" accesskey="1" title="">Ana Sayfa</a></li>
<li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg" accesskey="2" title="">Forum</a></li>
<li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg" accesskey="3" title="">Toplist</a></li>
<li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg" accesskey="4" title="">İletişim</a></li>
<li><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg" accesskey="5" title="">Z. Defteri</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="posts">
<h2 class="title">Sitemize Hoş Geldiniz </h2>

Tasarımın Altındaki Bölüme

</div>
<div id="sidebar">
<div id="archives" class="boxed">
<h2>Ana Menü</h2>
<div class="content">
<ul>
<li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>				<li><a href="#" _fcksavedurl="#">Forum</a></li>
<li><a href="#" _fcksavedurl="#">İletişim</a></li>
<li><a href="#" _fcksavedurl="#">Toplist</a> [ 8 Site ]</li>
<li><a href="#" _fcksavedurl="#">Link kutusu</a> [ 11 Site ]</li>
<li><a href="#" _fcksavedurl="#">Ziyaretçi Defteri</a></li>
</ul>
</div>
</div>
<div id="categories" class="boxed">
<h2>Kategoriler</h2>
<div class="content">
<ul>
<li><a href="#" _fcksavedurl="#">Nickler</a></li>
<li><a href="#" _fcksavedurl="#">Videolar</a></li>
<li><a href="#" _fcksavedurl="#">İconlar</a></li>
<li><a href="#" _fcksavedurl="#">Html Kodlar</a></li>
<li><a href="#" _fcksavedurl="#">Photoshop Dersleri</a></li>
<li class="active"><a href="#" _fcksavedurl="#">Pagerank Hakkında</a></li>
<li><a href="#" _fcksavedurl="#">Resimli Dersler</a></li>
</ul>
</div>
</div>
<div id="tagcloud" class="boxed">
<h2>Sporsor</h2>
<script language="javaScript">
function topla(ne){
ne.sonuç.value=parseFloat(ne.say1.value)+parseFloat(ne.say2.value);
}
function çikar(ne){
ne.sonuç.value=parseFloat(ne.say1.value)-parseFloat(ne.say2.value);
}
function çarp(ne){
ne.sonuç.value=parseFloat(ne.say1.value)*parseFloat(ne.say2.value);
}
function böl(ne){
ne.sonuç.value=parseFloat(ne.say1.value)/parseFloat(ne.say2.value);
}
function ort(ne){
ne.sonuç.value=[parseFloat(ne.say1.value)+parseFloat(ne.say2.value)]/2;
}
</script>
<table border="0" width="200" bgcolor="#000000">
<tbody>
<tr>
<td>
<form name="formum">
<font color="#ffffff"><center><strong>Hesap Makinası</strong></center>1.sayi<input name="say1" type="text" /> <br />
2.sayi<input name="say2" type="text" /> <br />
sonuç<input name="sonuç" type="text" /> <center><input type="button" onclick_fckprotectedatt_fckprotectedatt=" onclick_fckprotectedatt=" onclick=""topla(this.form)"" value="+" /> <input type="button" onclick_fckprotectedatt_fckprotectedatt=" onclick_fckprotectedatt=" onclick=""&apos;amp;apos;amp;apos;ccedil;ikar(this.form)"" value="-" /> <input type="button" onclick_fckprotectedatt_fckprotectedatt=" onclick_fckprotectedatt=" onclick=""&apos;amp;apos;amp;apos;ccedil;arp(this.form)"" value="x" /> <input type="button" onclick_fckprotectedatt_fckprotectedatt=" onclick_fckprotectedatt=" onclick=""b&apos;amp;apos;amp;apos;ouml;l(this.form)"" value="/" /> <input type="button" onclick_fckprotectedatt_fckprotectedatt=" onclick_fckprotectedatt=" onclick=""ort(this.form)"" value="ort" /> <input type="reset" value="SIL" /><FCK:hr  ></FCK:hr>
©2009 www.htmlsablonkod.tr.gg</center></font>
</form>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="footer">
<p id="copy">Copyright 2009 Site Adı Tasarımı Yapan
<a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Free Tasarım</a></p>
</div>

Css Kod Bölümüne

TASARIMIN ÜZERİNDEKİ YAZI

<div id="paper_left">
<div id="paper_right">
<div id="layout_wrapper">
<div id="layout_container">
<div id="layout_content">
<div id="site_title">
<h1><a href="#" _fcksavedurl="#">Grunge Superstar</a></h1>
<h2>A dirty, monochrome, single-column website template.</h2>
</div>
<div id="header_image"></div>
<div class="navigation">
<ul>
<li class="current_page_item"><a href="index.html" _fcksavedurl="index.html">Posts page</a></li>
<li><a href="comments.html" _fcksavedurl="comments.html">Post comments</a></li>
<li><a href="page.html" _fcksavedurl="page.html">Sample test page</a></li>
<li><a href="archives.html" _fcksavedurl="archives.html">Archives</a></li>
<li><a href="empty.html" _fcksavedurl="empty.html">Empty page</a></li>
</ul>
<div class="clearer"> </div>
</div>

<div id="main">
<div class="post">
<div class="post_top">
<div class="post_title"><h2><a href="#" _fcksavedurl="#">HackeR FrienD.Net</a></h2></div>
<div class="post_date">Jun 13, 2006 by Vulputate</div>
</div>
<div class="post_body">

TASARIMIN ALTINDAKİ YAZI

</div>
<div class="post_b">
Link 1 | Link 2 | Link 3</div>
</div>
<div id="pagination">
<span class="alignleft"><a href="#" _fcksavedurl="#">« Önceki Sayfa</a></span>
<span class="alignright"><a href="#" _fcksavedurl="#">Sonraki Sayfa »</a></span></div>
</div>
<div id="sidebar">
<h3>Categories</h3>
<ul>
<li class="cat-item cat-item-4"><a href="#" _fcksavedurl="#" title="cat">Lorem Ipsum </a></li>
<li class="cat-item cat-item-5"><a href="#" _fcksavedurl="#" title="cat">Apple Macintosh </a></li>
<li class="cat-item cat-item-3"><a href="#" _fcksavedurl="#" title="cat">Linux Ubuntu </a></li>
<li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#" title="cat">Wordpress Themes</a></li>
<li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#">XHTML Themes</a></li>
<li class="cat-item cat-item-1"><a href="#" _fcksavedurl="#">Free Releases  </a></li>
</ul>
<h3>Archives</h3>
<ul>
<li><a href='#' _fcksavedurl='#' title='March 2008'>March 2008</a></li>
<li><a href='#' _fcksavedurl='#' title='February 2008'>February 2008</a></li>
<li><a href='#' _fcksavedurl='#' title='January 2008'>January 2008</a></li>
<li><a href='#' _fcksavedurl='#' title='December 2007'>December 2007</a></li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li>
</ul>
<h3>Meta</h3>
<ul>
<li><a href="#" _fcksavedurl="#">Log in</a></li>
<li><a href="#" _fcksavedurl="#" title="This page validates as XHTML 1.0 Transitional">Valid <FCK:abbr title="eXtensible HyperText Markup Language">XHTML</FCK:abbr></a></li>
<li><a href="#" _fcksavedurl="#"><FCK:abbr title="XHTML Friends Network">XFN</FCK:abbr></a></li>
<li><a href="#" _fcksavedurl="#" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
</ul>
<h3>Search Box</h3>
<form action="http://demo.themelab.com/" class="searchform">
<p>
<input name="s" class="textbox" type="text" />
<input class="button" value="Search" type="submit" />
</p>
</form>
</div>
<div class="clear"></div>
</div>
<div id="pagebottom"></div>
<div id="footer">
<p>© All Contents are Copy-righted 2006 - 2008</p>
<p><a href="#" _fcksavedurl="#">Put</a> | <a href="#" _fcksavedurl="#">Some More</a> | <a href="#" _fcksavedurl="#">Links</a> | <a href="#" _fcksavedurl="#">In the</a> | <a href="#" _fcksavedurl="#">Bottom</a> | <a href="#" _fcksavedurl="#">Of the </a>| <a href="#" _fcksavedurl="#">Page </a></p>
<p><a href="http://ramblingsoul.com" _fcksavedurl="http://ramblingsoul.com">CSS Template</a> by Ramblingsoul </p>
</div>
</div>

CSS KODU BÖLÜMÜNE

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
html {
font-size: 62.5%; /* reset 1em to 10px */
height: 100%;
}
body {
background: #444 url('http://www.freelayouts.com/preview/6458/img/body.jpg');
color: #444;
font: normal 1.2em Verdana,Arial,sans-serif;
height: 100%;
padding-bottom: 1px; /* force scrollbars */
}
small,.small {font-size: 0.9em;}
a {
color: #EEC;
text-decoration: none;
}
a:hover {
color: #FFA;
text-decoration: underline;
}
p {padding: 0.2em 0 1.2em;}
blockquote, code {
background: #4A4A4A;
border: 1px solid #333;
color: #BBB;
display: block;
margin-bottom: 12px;
}
code {
font: normal 0.9em Verdana,sans-serif;
line-height: 1.5em;
padding: 8px 14px;
}
blockquote {
background: #4A4A4A url('http://www.freelayouts.com/preview/6458/img/quote.gif') no-repeat left top;
padding: 6px 14px 6px 44px;
}
blockquote p {padding: 0.5em 0;}
h1 {font: normal 2em Georgia,sans-serif;}
h2 {font: normal 1.6em Georgia,sans-serif;}
h3 {font: normal 1.4em Georgia,sans-serif;}
h4 {font: bold 1em Georgia,sans-serif;}
h1, h2, h3, h4 {margin-bottom: 5px;}
#paper_left {
background: url('http://www.freelayouts.com/preview/6458/img/paper_left.gif') no-repeat left top;
margin: 0 auto;
padding-bottom: 34px;
width: 778px;
}
#paper_right {
background: url('http://www.freelayouts.com/preview/6458/img/paper_right.gif') no-repeat right bottom;
}
#layout_wrapper {
background: #50504A url('http://www.freelayouts.com/preview/6458/img/grain_dark.gif');
margin: 0 auto;
width: 736px;
}
#layout_container {padding: 8px;}
#layout_content {border: 1px solid #333;}
#header_image {
height: 160px;
background: #222 url('http://www.freelayouts.com/preview/6458/img/header.jpg') no-repeat;
border-bottom: 1px solid #222;
border-top: 1px solid #111;
}
#site_title {
background: #222;
padding: 12px 20px;
}
#site_title h1 	{
color: #EED;
font: normal 2em Georgia,sans-serif;
margin: 0 0 5px;
}
#site_title h2 {
color: #BFBFB6;
font: normal 1.1em sans-serif;
margin: 0;
}
.navigation {
background: #353535 url('http://www.freelayouts.com/preview/6458/img/navigation.jpg') repeat-x;
border-bottom: 1px solid #222;
border-top: 1px solid #555;
}
.navigation ul {display: inline; margin: 0;}
.navigation ul li {
border-right: 1px solid #303030;
float: left;
list-style: none;
}
.navigation a {
color: #AAA;
display: block;
font: bold 1em Verdana,sans-serif;
padding: 12px 14px;
text-decoration: none;
}
.navigation a:hover {
background: #444;
color: #E5E5D5;
text-decoration: none;
}
.navigation li.current_page_item a {
background: none;
color: #EEE;
}
/* Sub navigation */
#subnav a {
padding: 10px;
font-size: 0.9em;
}
#main {
background: #4A4A4A;
color: #CCC;
}
#bottom {
background: #222;
border-bottom: 1px solid #1A1A1A;
border-top: 1px solid #2A2A2A;
color: #AAA;
padding: 16px;
}
#bottom ul li {
border-bottom: 1px solid #303030;
}
#bottom ul li a {
color: #777;
display: block;
padding: 4px 6px;
}
#bottom ul li a:hover {
background: #2A2A2A;
color: #FFC;
text-decoration: none;
}
/* Tag cloud */
#tag_cloud a {color: #777;}
#tag_cloud a:hover {color: #FFC;}
#footer {
background: #2A2A2A;
border-bottom: 1px solid #1A1A1A;
border-top: 1px solid #333;
color: #888;
font-size: 0.9em;
padding: 10px 12px;
}
#footer a {color: #AAA;}
#footer .right,#footer .right a {color: #555;}
#footer a:hover {color: #BBB;}
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer,.block {
display: block;
line-height: 0;
font-size: 0;
}
.clearer {height: 0;}
.col3, .col3last {width: 31%; margin-right: 3%;}
.col3last {margin-right: 0;}
img.bordered {padding: 3px; background: #666;}
/
.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.vtop {vertical-align: top;}
span.comment {background: url('http://www.freelayouts.com/preview/6458/img/icon_comment.gif') no-repeat left center; padding-left: 18px;}
.label {
background: #222 url('http://www.freelayouts.com/preview/6458/img/post_top.gif') repeat-x left top;
border-bottom: 2px solid #555;
color: #BBB;
margin: 0;
padding: 0.5em 0.8em 0.6em;
}
/* Margin, padding, width, height */
.ptb10 {padding: 10px 0;}
.post {
background: #363636;
border-bottom: 1px solid #111;
}
.post_top {
background: #222 url('http://www.freelayouts.com/preview/6458/img/post_top.gif') repeat-x left top;
border-bottom: 4px solid #777;
border-top: 1px solid #3A3A3A;
padding: 10px 16px 13px;
}
.post_title h2 {
font-size: 2em;
margin: 0;
padding: 0;
}
.post_body {
background: url('http://www.freelayouts.com/preview/6458/img/post_body.jpg') no-repeat left top;
border-top: 1px solid #333;
padding: 16px 16px 0;
}
.post_metadata {padding: 10px;}
.post_metadata .content {
background: #424242;
color: #999;
font-size: 0.9em;
padding: 10px 12px;
}
.post_metadata a {color: #BBB;}
.post_metadata a:hover {color: #DDD;}
.post_body ul, .post_body ol {margin: 0 0 1em 1.5em;}
.post_body ul {list-style: disc;}
.post_body ol {list-style: decimal;}
form {margin: 0; padding: 0;}
table.search {
border-collapse: collapse;
width: 250px;
}
table.search td {vertical-align: top;}
.comment_gravatar {width: 48px;}
.comment_gravatar img {
background: #666;
border: 1px solid #444;
padding: 2px;
}
.comment_author {
color: #EEE;
padding-top: 2px;
}
.nicelist {padding: 0;}
.nicelist ol {margin: 0;}
.nicelist ol li {
border-bottom: 1px solid #333;
border-top: 1px solid #505050;
list-style: none;
padding: 8px 10px 1px;
}
.nicelist ol li:first-child {border-top: none;}
.nicelist li.alt {background: #444;}
.nicelist .body {padding-top: 5px;}
.nicelist .date {
color: #999;
font-size: 0.9em;
padding-top: 4px;
}
.nicelist .date a {
color: #BBB;
text-decoration: none;
}
.nicelist .date a:hover {text-decoration: underline;}
/
.archive_title {font: normal 1.4em sans-serif;}
.archive_title a {text-decoration: none;}
.archive_title a:hover {text-decoration: underline;}
.archive_postinfo {padding-bottom: 6px;}
.pagenavigation {
background: #555;
border-top: 1px solid #444;
font-size: 0.9em;
padding: 7px 8px 9px;
}
.pagenavigation a {
color: #CCC;
text-decoration: none;
}
.pagenavigation a:hover {
color: #FFF;
text-decoration: underline;
}

Tasarımın Üzerine

<div id="main" class="box">

<div id="header">

<h3 id="logo"><a href="./" _fcksavedurl="./" title="CrystalX [Go to homepage]">Crystal<strong>X</strong><span></span></a></h3>
<FCK:hr class="noscreen"  />

<div class="noscreen noprint">
<p><em>Quick links: <a href="#content" _fcksavedurl="#content">content</a>, <a href="#tabs" _fcksavedurl="#tabs">navigation</a>, <a href="#search" _fcksavedurl="#search">search</a>.</em></p>
<FCK:hr  />
</div>

<div id="search" class="noprint">
<form action="" method="get">
<fieldset><legend>Search</legend>
<label><span class="noscreen">Find:</span>
<span id="search-input-out"><input type="text" name="" id="search-input" size="30" /></span></label>
<input type="image" src="http://www.nuviotemplates.com/templates/crystalx-01/design/search_submit.gif" id="search-submit" value="OK" />
</fieldset>
</form>
</div> 
</div> 

<div id="tabs" class="noprint">
<h5 class="noscreen">Navigation</h5>
<ul class="box">
<li><a href="#" _fcksavedurl="#">Home<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li id="active"><a href="#" _fcksavedurl="#">Weblog<span class="tab-l"></span><span class="tab-r"></span></a></li> 
<li><a href="#" _fcksavedurl="#">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="#" _fcksavedurl="#">Photos<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="#" _fcksavedurl="#">Portfolio<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="#" _fcksavedurl="#">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li>
<li><a href="#" _fcksavedurl="#">Links<span class="tab-l"></span><span class="tab-r"></span></a></li>
</ul>
<FCK:hr class="noscreen"  />
</div> 

<div id="page" class="box">
<div id="page-in" class="box">
<div id="strip" class="box noprint">

<p id="rss"><strong>RSS:</strong> <a href="#" _fcksavedurl="#">articles</a> / <a href="#" _fcksavedurl="#">comments</a></p>
<FCK:hr class="noscreen"  />

<p id="breadcrumbs">You are here: <a href="#" _fcksavedurl="#">Home</a> > <a href="#" _fcksavedurl="#">Category</a> >  <strong>Page</strong></p>
<FCK:hr class="noscreen"  />
</div> 
<div id="conttent">
<div class="article">
<h4>HackeR FrienD.Net</h4>
<p class="info noprint">Bilgi Güçtür, Paylaştıkça Büyür!</p><p>

Tasarımın Altına

</p></div>
<FCK:hr class="noscreen"  />
</div> 

<div id="col" class="noprint">
<div id="col-in">

<h5><span><a href="#" _fcksavedurl="#">About Me</a></span></h5>
<div id="about-me">
<p><img src="http://www.nuviotemplates.com/templates/crystalx-01/design/tmp_photo.gif" _fcksavedurl="http://www.nuviotemplates.com/templates/crystalx-01/design/tmp_photo.gif" id="me" alt="Yeah, it´s me!" />
<strong>John Doe</strong><br />
Age: 26<br />
Dallas, TX<br />
<a href="#" _fcksavedurl="#">Profile on MySpace</a></p>
</div> 
<FCK:hr class="noscreen"  />

<h5 ><span>Category</span></h5>
<ul id="category">
<li id="category-active"><a href="#" _fcksavedurl="#">Selected category</a></li> 
<li><a href="#" _fcksavedurl="#">Category</a></li>
<li><a href="#" _fcksavedurl="#">Category</a></li>
<li><a href="#" _fcksavedurl="#">Category</a></li>
<li><a href="#" _fcksavedurl="#">Category</a></li>
</ul>
<FCK:hr class="noscreen"  />

<h5><span>Archive</span></h5>
<ul id="archive">
<li><a href="#" _fcksavedurl="#">January 2007</a></li>
<li><a href="#" _fcksavedurl="#">December 2006</a></li>
<li><a href="#" _fcksavedurl="#">November 2006</a></li>
<li><a href="#" _fcksavedurl="#">October 2006</a></li>
<li><a href="#" _fcksavedurl="#">September 2006</a></li>
<li id="archive-active"><a href="#" _fcksavedurl="#">August 2006</a></li> 
<li><a href="#" _fcksavedurl="#">July 2006</a></li>
<li><a href="#" _fcksavedurl="#">June 2006</a></li>
<li><a href="#" _fcksavedurl="#">May 2006</a></li>
<li><a href="#" _fcksavedurl="#">April 2006</a></li>
<li><a href="#" _fcksavedurl="#">March 2006</a></li>
<li><a href="#" _fcksavedurl="#">February 2006</a></li>
<li><a href="#" _fcksavedurl="#">January 2006</a></li>
</ul>
<FCK:hr class="noscreen"  />

<h5><span>Links</span></h5>
<ul id="links">
<li><a href="#" _fcksavedurl="#">Something</a></li>
<li><a href="#" _fcksavedurl="#">Something</a></li>
<li><a href="#" _fcksavedurl="#">Something</a></li>
<li><a href="#" _fcksavedurl="#">Something</a></li>
<li><a href="#" _fcksavedurl="#">Something</a></li>
</ul>
<FCK:hr class="noscreen"  />
</div> 
</div> 
</div> 
</div> 

<div id="footer">
<div id="top" class="noprint"><p><span class="noscreen">Back on top</span> <a href="#header" _fcksavedurl="#header" title="Back on top ^">^<span></span></a></p></div>
<FCK:hr class="noscreen"  />

<p id="createdby"><a href="http://www.nuviotemplates.com/" _fcksavedurl="http://www.nuviotemplates.com/">Free web templates</a></p>

<p id="copyright">© 2007 <a href="mailto:my@mail.com" _fcksavedurl="mailto:my@mail.com">My Name</a></p>
</div> 
</div>

Css Koduna

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/* ----------------------------------------------------------------------------------------------------------
This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates
Structure:
display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font;
---------------------------------------------------------------------------------------------------------- */
* {min-height:1px;}
body {border:0; margin:0; padding:0; background:#F2F5FE url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#192666; text-align:center;}
a {color:#192666;}
a:hover {color:#4F6AD7;}
p {border:0; margin:15px 0; padding:0;}
div {display:block; border:0; margin:0; padding:0;}
h3, h4, h5, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;}
h3 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h4 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal;}
h5 {font-size:120%; line-height:100%; font-weight:bold;}
h4 {font-size:120%;}
h5 {font-size:100%;}
table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #B7CAF6; font-size:100%;}
tr {display:table-row;}
th, td {display: table-cell; border:1px solid #B7CAF6; margin:0; padding:5px; vertical-align:top; text-align:left;}
th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;}
ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;}
ol {list-style-type:decimal;}
li {display:list-item; border:0; margin:0; padding:0;}
ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;}
dl {border:0; margin:15px 0; padding:0;}
dt {border:0; margin:0; padding:0; font-weight:bold;}
dd {border:0; margin:0 0 0 30px; padding:0;}
form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}
hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;}
a, img, span {border:0; margin:0; padding:0;}
abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;}
del, .through {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}
.f-left {float:left;}
.f-right {float:right;}
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}
.va-middle {vertical-align:middle;}
.clear {clear:both;}
.box {min-height:1px;}
.box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;}
.nom {margin:0;}
.noscreen {display:none;}
/* -----------------...........--------------------------------------------------------------------------------------- */
#main {width:770px; margin:50px auto 0 auto; text-align:left;}
#header {position:relative; width:770px; height:100px; margin:0; padding:0; background:#233C9B url("http://www.nuviotemplates.com/templates/crystalx-01/design/header.jpg") 0 0 no-repeat; color:#FFF;}
#header #logo {position:absolute; top:35px; left:35px; margin:0;}
#header #logo a {color:#FFF;}
#header #logo a:hover {color:#B5C4E3; text-decoration:underline;}
#header #search {position:absolute; top:35px; right:20px;}
#header #search form {position:relative;}
#header #search #search-input-out {position:absolute; top:0; right:45px; width:155px; height:28px; margin:0; padding:0; border:0; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;}
#header #search #search-input {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#192666;}
#header #search #search-submit {position:absolute; top:0; right:0px;}
#header #search fieldset {margin:0; padding:0; border:0;}
#header #search fieldset {width:200px;}
#header #search legend {display:none;}
#tabs {background:#192666; margin:0 5px; padding:10px 0 0 0; _height:1px;}
#tabs ul {margin:0 10px; padding:0; list-style:none;}
#tabs ul li {margin:0 5px 0 0; padding:0; float:left;}
#tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;}
#tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link_l.gif") 0 0 no-repeat;}
#tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link_r.gif") 100% 0 no-repeat;}
#tabs ul li a:hover {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover.gif") 0 0 repeat-x; color:#FFF;}
#tabs ul li a:hover span.tab-l {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover_l.gif") 0 0 no-repeat;}
#tabs ul li a:hover span.tab-r {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover_r.gif") 100% 0 no-repeat;}
#tabs ul li#active a {background:#FFF; color:#FF9000;}
#tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_active_l.gif") 0 0 no-repeat;}
#tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_active_r.gif") 100% 0 no-repeat;}
#page {width:770px; min-height:1px; background:#FFF url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg_page.gif") 0 0 repeat-y; _height:1px;}
#page-in {min-height:1px; padding:10px 0; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg_page_in.jpg") 0 0 no-repeat; _height:1px;}
#strip {position:relative; clear:both; padding:3px 20px 10px 20px; color:#6182D1;}
#strip p {margin:0;}
#strip a {color:#6182D1;}
#strip a:hover {color:#192666;}
#strip #breadcrumbs {width:520px; margin:0; padding:0;}
#strip #rss {float:right; width:175px; _width:200px; margin:0; padding-left:25px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_rss.gif") 0 50% no-repeat}
#conttent {float:left; width:530px; _width:550px; margin:0; padding:0 0 0 20px;}
#conttent .article {clear:both; margin:0; padding:20px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/content_article_bg.jpg") 0 0 no-repeat;}
#conttent .article h4 {margin:0 -20px; padding:10px; background:#DEE5FD url("http://www.nuviotemplates.com/templates/crystalx-01/design/content_title_bg.gif") 0 0 repeat-y; color:#192666;}
#conttent .article h4 span {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_list.gif") 0 50% no-repeat; padding-left:25px;}
#conttent .article p {text-align:justify;}
#conttent .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;}
#conttent .info a {color:#6685CC;}
#conttent .info a:hover {color:#FF9000;}
#conttent .info span.date, #conttent .info span.cat, #conttent .info span.user, #conttent .info span.comments {padding-left:15px;}
#conttent .info span.date {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_date.gif") 0 50% no-repeat;}
#conttent .info span.cat {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_cat.gif") 0 50% no-repeat; margin-left:8px;}
#conttent .info span.user {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_user.gif") 0 50% no-repeat; margin-left:8px;}
#conttent .info span.comments {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_comments.gif") 0 50% no-repeat; margin-left:8px;}
#conttent .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;}
#conttent .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;}
#conttent .btn-more a:hover {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/btn_more.gif") -95px 0 no-repeat;}
#col {float:left; width:200px; margin:0; padding:0; background:#CEDBF9 url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_bg.gif") 0 0 repeat-y;}
#col-in {padding:20px 10px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_top.gif") 0 0 no-repeat;}
#col h5 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#A0B9F3 url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_title_bg.gif") 0 0 repeat-y; color:#192666;}
#col #about-me {margin-bottom:15px; line-height:130%;}
#col #about-me p {margin:0;}
#col #about-me #me {float:left; width:54px; height:58px; margin-right:7px;}
#col ul#category {margin:15px 0; padding:0; list-style:none;}
#col ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
#col ul#category li a {display:block; padding:3px 0 3px 22px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;}
#col ul#category li a:hover {background-color:#D3DFF8; color:#192666;}
#col ul#category li#category-active a {background:#E0E8FA url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;}
#col ul#archive {margin:15px 0; padding:0; list-style:none;}
#col ul#archive li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
#col ul#archive li a {display:block; padding:3px 0 3px 22px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;}
#col ul#archive li a:hover {background-color:#D3DFF8; color:#192666;}
#col ul#archive li#archive-active a {background:#E0E8FA url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive2.gif") 5px 6px no-repeat; font-weight:bold;}
#col ul#links {margin:15px 0; padding:0; list-style:none;}
#col ul#links li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;}
#col ul#links li a {display:block; padding:3px 0 3px 22px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_links.gif") 5px 6px no-repeat; text-decoration:none;}
#col ul#links li a:hover {background-color:#D3DFF8; color:#192666;}
#footer {position:relative; clear:both; width:770px; height:60px; margin-bottom:50px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/footer.jpg") 0 0 no-repeat; color:#6685CC;}
#footer a {color:#6685CC;}
#footer a:hover {color:#192666;}
#top {position:absolute; top:55px; left:550px;}
#top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;}
#top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_top.gif") 0 0 no-repeat; cursor:pointer;}
#top a:hover span {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_top.gif") -30px 0 no-repeat;}
#footer p#copyright {position:absolute; top:10px; left:40px; margin:0;}
#createdby {position:absolute; top:10px; left:562px; margin:0; color:#8CA3D8;}
#createdby a {color:#8CA3D8;}

    Tasarımın Üzerindeki Bölüme

<div id="header">
<div id="logo">
<h1><a href="#" _fcksavedurl="#">Site adı</a></h1>
<p>    Site Logosu</p>
</div>
<div id="menu">
<ul id="main">
<li class="current_page_item"><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>
<li><a href="#" _fcksavedurl="#">Forum</a></li>
<li><a href="#" _fcksavedurl="#">Toplist</a></li>
<li><a href="#" _fcksavedurl="#">İletişim</a></li>
<li><a href="#" _fcksavedurl="#">Z. Defteri</a></li>
</ul>
<ul id="feed">
<li><a href="#" _fcksavedurl="#">Html Kod</a></li>
<li><a href="#" _fcksavedurl="#">Tasarımlar</a></li>
</ul>
</div>
</div>

<div id="wrapper">

<div id="page">
<div id="page-bgtop">
<div id="page-bgbtm">
<div id="sidebar1" class="sidebar">
<ul>
<li>
<h2>Ana mEnü</h2>
<ul>
<li><a href="#" _fcksavedurl="#">Ana Sayfa</a></li>
<li><a href="#" _fcksavedurl="#">Forum</a></li>
<li><a href="#" _fcksavedurl="#">Toplist</a></li>
<li><a href="#" _fcksavedurl="#">İletişim</a></li>
<li><a href="#" _fcksavedurl="#">Z. Defteri</a></li>
<li><a href="#" _fcksavedurl="#">Tasarım İstek</a></li>
<li><a href="#" _fcksavedurl="#">Teknoloji Haberleri</a></li>
<li><a href="#" _fcksavedurl="#">Sitenin Webmaster'ı</a></li>
</ul>
</li>
<li>
<h2>Tasarımlar</h2>
<ul>
<li><a href="#" _fcksavedurl="#">İceblue</a> [ 10 ]</li>
<li><a href="#" _fcksavedurl="#">Red</a> [ 2 ]</li>
<li><a href="#" _fcksavedurl="#">Butterfly</a> [ 1 ]</li>
<li><a href="#" _fcksavedurl="#">Css Design</a> [ 8 ]</li>				</ul>
</li>
<li>
<h2>Ekstra Menü</h2>
<ul>
<li><a href="#" _fcksavedurl="#">Nickler</a></li>
<li><a href="#" _fcksavedurl="#">Videolar</a></li>
<li><a href="#" _fcksavedurl="#">Html Kodları</a></li>					</ul>
</li>
</div>

<div id="content">

    Tasarımın Altındaki Bölüme

</div>


<div id="sidebar2" class="sidebar">
<ul>
<li>
<form id="searchform" method="get" action="#">
<div>
<h2>Arama Yap</h2>
<input type="text" name="s" id="s" size="15" value="" />
</div>
</form>
</li>
<li>
<h2>Tags</h2>
<p class="tag"><a href="#" _fcksavedurl="#">html</a> <a href="#" _fcksavedurl="#">red</a> <a href="#" _fcksavedurl="#">iceblue</a> <a href="#" _fcksavedurl="#">butterfly</a> <a href="#" _fcksavedurl="#">css</a> <a href="#" _fcksavedurl="#">buton</a> <a href="#" _fcksavedurl="#">nick</a> <a href="#" _fcksavedurl="#">video</a></p></li>
<li>
<h2>Takvim</h2>
<div id="calendar_wrap">
<table summary="Calendar">
<caption>
October 2009
</caption>
<thead>
<tr>
<th abbr="Monday" scope="col" title="Monday">M</th>
<th abbr="Tuesday" scope="col" title="Tuesday">T</th>
<th abbr="Wednesday" scope="col" title="Wednesday">W</th>
<th abbr="Thursday" scope="col" title="Thursday">T</th>
<th abbr="Friday" scope="col" title="Friday">F</th>
<th abbr="Saturday" scope="col" title="Saturday">S</th>
<th abbr="Sunday" scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td abbr="September" colspan="3" id="prev"><a href="#" _fcksavedurl="#" title="View posts for September 2009">« Sep</a></td>
<td class="pad"> </td>
<td colspan="3" id="next"> </td>
</tr>
</tfoot>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td id="today">4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
</tr>
<tr>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
</tr>
<tr>
<td>29</td>
<td>30</td>
<td>31</td>
<td class="pad" colspan="4"> </td>
</tr>
</tbody>
</table>
</div>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>
<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>
<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>
<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>
<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>
<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>
<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>
<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>
<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>
<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>
<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>
<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>
<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>
<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>
<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
</ul>
</li>
</ul>
</div>

<div style="clear: both;"> </div>
</div>
</div>
</div>

</div>
<div id="footer">
<p class="copyright">©  2009 All Rights Reserved  •  Design by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.<br /><a href="#" _fcksavedurl="#">Privacy Policy</a> • <a href="#" _fcksavedurl="#">Terms of Use</a></p>
</div>

    Css Kodu Bölümüne Bölüme

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
body {
margin-top: 10px;
padding: 0;
background: #787878 url(https://img.webme.com/pic/n/newsfriend/img01.jpg) repeat left top;
text-align: justify;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #616161;
}
h1, h2, h3 {
margin-top: 0;
text-transform: uppercase;
color: #528DC8;
}
h1 {
font-size: 1.6em;
font-weight: normal;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1em;
}
ul {
}
a {
text-decoration: none;
color: #528DC8;
}
a:hover {
border-bottom: none;
}
a img {
border: none;
}
img.left {
float: left;
margin: 0 20px 0 0;
}
img.right {
float: right;
margin: 0 0 0 20px;
}
#header {
width: 960px;
margin: 0 auto;
height: 150px;
}
/* Header */
#logo {
width: 960px;
height: 100px;
margin: 0 auto;
padding: 0;
}
#logo h1, #logo p {
float: left;
margin: 0;
color: #528DC8;
}
#logo span {
color: #000000;
}
#logo h1 {
padding: 25px 0 0 0;
letter-spacing: -1px;
text-transform: lowercase;
font-weight: normal;
font-size: 3em;
}
#logo p {
text-transform: uppercase;
padding: 47px 0 0 3px;
font-size: 10px;
color: #110E0F;
}
#logo a {
border: none;
text-decoration: none;
color: #528DC8;
}
/* Menu */
#menu {
width: 960px;
margin: 0px auto;
padding: 0px;
height: 52px;
background: url(https://img.webme.com/pic/n/newsfriend/img02.jpg) no-repeat left top;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 33px;
margin: 0px;
padding: 19px 30px 0px 30px;
text-decoration: none;
text-transform: capitalize;
background: url(https://img.webme.com/pic/n/newsfriend/img03.jpg) no-repeat right 50%;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #FFFFFF;
}
#menu a:hover {
color: #FFFFFF;
}
#menu .current_page_item a {
color: #FFFFFF;
}
/* Wrapper */
#wrapper {
}
/* Page */
#page {
width: 960px;
margin: 0px auto;
background: url(https://img.webme.com/pic/n/newsfriend/img05.jpg) repeat-y left top;
}
#page-bgtop {
background: url(https://img.webme.com/pic/n/newsfriend/img04.jpg) no-repeat left top;
}
#page-bgbtm {
background: url(https://img.webme.com/pic/n/newsfriend/img06.jpg) no-repeat left bottom;
}
/* Latest Post */
#latest-post {
padding: 20px;
border: 1px solid #E7E7E7;
}
/* Content */
#content {
float: left;
width: 500px;
margin: 0px;
padding: 20px 0px 0px 0px;
}
.post {
padding-bottom: 15px;
line-height: 200%;
}
.post h1 {
font-weight: normal;
}
.title {
height: 50px;
margin: 0px 10px;
padding: 11px 0px 4px 10px;
text-transform: capitalize;
font-weight: normal;
background: url(https://img.webme.com/pic/n/newsfriend/img12.jpg) no-repeat left top;
}
.title a {
border-bottom: none;
color: #528DC8;
}
.title a:hover {
}
.byline {
margin: -10px 20px 20px 20px;
}
.tag {
padding: 0 15px;
}
.entry {
padding: 0 20px;
}
.links {
padding: 4px 0px;
text-align: right;
font-weight: bold;
}
.links a {
border: none;
}
.links a:hover {
}
/* Sidebars */
#sidebar1 {
float: left;
padding-top: 20px;
padding-left: 10px;
}
#sidebar2 {
float: right;
}
#sidebar1 ul {
padding-bottom: 20px;
}
#sidebar1 li {
background: url(https://img.webme.com/pic/n/newsfriend/img11.jpg) no-repeat left bottom;
}
#sidebar1 li ul {
background: url(https://img.webme.com/pic/n/newsfriend/img10.jpg) repeat-y left top;
}
#sidebar1 li li {
background: url(https://img.webme.com/pic/n/newsfriend/img08.gif) no-repeat 0 13px;
}
#sidebar1 li h2 {
height: 25px;
padding-top: 15px;
background: url(https://img.webme.com/pic/n/newsfriend/img09.jpg) no-repeat left top;
color: #333333;
}
.sidebar {
float: left;
width: 220px;
padding: 10px 0 0 0;
font-size: 12px;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
padding: 0 0 20px 0;
}
.sidebar li ul {
}
.sidebar li li {
margin: 0 10px 0 15px;
padding: 8px 0px 8px 20px;
border-bottom: 1px #B5B5B5 dashed;
background: url(https://img.webme.com/pic/n/newsfriend/img08.gif) no-repeat 0 13px;
text-align: left;
}
.sidebar li h2 {
height: 30px;
margin: 0 0 0 0;
padding: 8px 15px 0px 35px;
background: url(https://img.webme.com/pic/n/newsfriend/img07.jpg) no-repeat left top;
font-size: 12px;
color: #FFFFFF;
}
.sidebar a {
}
/* Search */
#searchform {
margin: 0;
padding: 0 0 0 0;
}
#searchform br {
display: none;
}
#searchform h2 {
}
#s {
margin: 10px 0px 0 15px;
padding: 2px 2px;
width: 180px;
height: 18px;
border: 1px solid #949494;
background: #FFFFFF;
font-size: 10px;
color: #000000;
}
#x {
margin: 0;
padding: 2px 5px;
height: 25px;
background: #CA8186;
text-decoration: none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
}
/* Calendar */
#calendar_wrap {
padding: 0 15px;
text-align: center;
}
#calendar_wrap table {
width: 100%;
}
#calendar_wrap th {
}
#calendar_wrap td {
}
#calendar_wrap tfoot td {
border: none;
}
#calendar_wrap tfoot td#prev {
text-align: left;
font-weight: bold;
border: none;
}
#calendar_wrap tfoot td#prev a {
border: none;
}
#calendar_wrap tfoot td#next {
text-align: right;
font-weight: bold;
border: none;
}
#calendar_wrap tfoot td#next a {
border: none;
}
/* Footer */
#footer {
width: 940px;
height: 70px;
margin: 0 auto;
padding-left: 20px;
}
#footer p {
margin: 0;
padding: 25px 0 0 0;
text-align: left;
font-size: smaller;
}
#footer a {
}
#footer .link {
float: right;
}
#footer .copyright {
float: left;
}

Tasarımın Üzerindeki Bölüme

Tasarımın Altındaki Bölüme

</div>
<div id="sidebar">
<h2>Ana Menü</h2>
<div id="sidebarnav">
<a class="active" href="#" _fcksavedurl="#">Ana Sayfa</a>
<a href="#" _fcksavedurl="#">Forum</a>
<a href="#" _fcksavedurl="#">İletişim</a>
<a href="#" _fcksavedurl="#">Toplist</a>
<a href="#" _fcksavedurl="#">Link Kutusu</a>
<a href="#" _fcksavedurl="#">Z. Defteri</a>
<a href="#" _fcksavedurl="#">Bedava İcon İndir</a>
<a href="#" _fcksavedurl="#">Bedava Sitem Dersleri</a>
</div>
<h2>Duyuru Panosu</h2>
<div class="widget">
Sitemiz artık professional css yapmaktadır. Şuan sitemizde tam 17 adet css tasarım bulunmaktadır. Css'lerimizi görmek için tıklayın... sende katıl ! <br />
Futbol adına herşey bu sitede çünkü burası bir futbol cenneti ! Tıkla siteye gir doya doya futbolla eğlen. <br />
İşte karşınızda yepyeni bir Msn ve Facebook sitesi Facooxenger ! Sitemizde Facebook ve Msn hakkında herşeyi bulabilirsiniz. Siteye gitmek için tıklayın...
</div></div>
</div>
<div id="footer">
Copyrgiht 2009 Site Adı Tasarımcı by <a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">Free Tasarım</a>
</div>
</div>

Css Kod Bölümüne

Tasarımın Üzerindeki Bölüme

Tasarımın Altındaki Bölüme

Css Kod Bölümüne

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
body {
background-color:#333333;
font-size:10pt;
font-family:Arial;
margin:0;
padding:0;
color:#333333;
}
#page {
width:900px;
margin:auto;
padding:auto;
background-image:url(http://www.free-css-templates.com/templates/Grassy/unzipped/images/page.png);
}
#page2 {
width:900px;
background-image:url(http://www.free-css-templates.com/templates/Grassy/unzipped/images/pagetop.png);
background-repeat:no-repeat;
}
#header {
clear:both;
width:850px;
height:72px;
background-image:url(http://www.free-css-templates.com/templates/Grassy/unzipped/images/header.png);
padding-top:30px;
padding-left:50px;
}
#menulinks {
clear:both;
width:875px;
height:42px;
padding-left:25px;
background-image:url(http://www.free-css-templates.com/templates/Grassy/unzipped/images/menulinks.png);
}
* html #menulinks a { /* Filter for IE6 to prevent li stacking */
float: left;
text-decoration: none;
}
* html #menulinks a span { /* Filter for IE6 to prevent li stacking */
float: left;
text-decoration: none;
}
#menulinks a {
padding-left:11px;
height:35px;
background-image:none;
display:block;
color:#FFFFFF;
text-decoration:none;
float:left;
font-size:14px;
font-weight:bold;
margin-right:3px;
margin-left:3px;
}
#menulinks a span {
padding-left:8px;
padding-right:20px;
padding-top:9px;
height:26px;
display:block;
background-image:none;
text-decoration:none;
cursor:pointer;
}
#menulinks a:hover, #menulinks a.active {
background-image:url(http://www.free-css-templates.com/templates/Grassy/unzipped/images/menuhover.png);
background-position:top left;
text-decoration:none;
color:#555555;
}
#menulinks a:hover span, #menulinks a.active span {
background: url(http://www.free-css-templates.com/templates/Grassy/unzipped/images/menuhoverright.png) right top no-repeat;
text-decoration:none;
color:#555555;
}
#mainarea {
width:860px;
clear:both;
padding-left:40px;
}
#contentarea {
width:560px;
padding-right:30px;
float:left;
line-height:14pt;
padding-bottom:10px;
}
#sidebar {
float:left;
width:235px;
line-height:14pt;
}
#footer {
width:900px;
clear:both;
height:30px;
padding-top:20px;
text-align:center;
line-height:14pt;
background-image:url(http://www.free-css-templates.com/templates/Grassy/unzipped/images/footer.png);
background-repeat:no-repeat;
color:#FFFFFF;
}
#footer a {
color:#FFFFFF;
}
h1 {
font-size:20pt;
color:#FFFFFF;
margin:0;
}
h1 a {
color:#FFFFFF;
}
h2 {
font-size:12pt;
color:#333333;
padding-top:6px;
}
.description {
font-size:14pt;
color:#FFFFCC;
margin:0;
padding-left:5px;
}
a {
color:#555555;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}

Tasarımın Üzerindeki Bölüme

<body>


<div id="page">

<div  id="header">

<div id="header-menu">
<ul>
<li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li>
<li  class="page_item page-item-5"><a  href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li>
<li class="page_item page-item-10"><a  href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li>
</ul>
</div>


<div id="header-info">
<h1><a href="http://test.qualitywordpress.com/" _fcksavedurl="http://test.qualitywordpress.com/">Site Adı</a></h1>
<div class="description">Site Sloganı</div>
</div>


<div  id="topbar">
<div id="topbar-left">
</div>
<div id="topbar-center">
<h3></h3>
<ul>
<li><a href="http://test.qualitywordpress.com/?p=15" _fcksavedurl="http://test.qualitywordpress.com/?p=15" title="Success with Quality Themes">Success with Quality Themes</a></li>
<li><a href="http://test.qualitywordpress.com/?p=14" _fcksavedurl="http://test.qualitywordpress.com/?p=14" title="Beautiful Wordpress Themes">Beautiful Wordpress Themes</a></li>
<li><a href="http://test.qualitywordpress.com/?p=13" _fcksavedurl="http://test.qualitywordpress.com/?p=13" title="Modern Sleek Future">Modern Sleek Future</a></li>
</ul>
</div>
<div  id="topbar-right">
<h3></h3>
<ul>
<li><a href="http://test.qualitywordpress.com/?p=8" _fcksavedurl="http://test.qualitywordpress.com/?p=8"> @ Longer Post ...</a></li><li><a  href="http://test.qualitywordpress.com/?p=1" _fcksavedurl="http://test.qualitywordpress.com/?p=1">Mr WordPress @ Get To The Dream ...</a></li>				</ul>
</div>
</div>

</div>


<div id="main"><div id="main-top"><div  id="main-bottom">

<div class="sidebar">
<h3>Pages</h3>
<ul>
<li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li>
<li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li>
<li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li>
</ul>
<h3>Archives</h3>
<ul>
<li><a href="http://test.qualitywordpress.com/?m=200810" _fcksavedurl="http://test.qualitywordpress.com/?m=200810" title="October 2008">October 2008</a></li>
<li><a href="http://test.qualitywordpress.com/?m=200809" _fcksavedurl="http://test.qualitywordpress.com/?m=200809" title="September 2008">September 2008</a></li>
<li><a href="http://test.qualitywordpress.com/?m=200808" _fcksavedurl="http://test.qualitywordpress.com/?m=200808" title="August 2008">August 2008</a></li>
<li><a href="http://test.qualitywordpress.com/?m=200806" _fcksavedurl="http://test.qualitywordpress.com/?m=200806" title="June 2008">June 2008</a></li>
<li><a href="http://test.qualitywordpress.com/?m=200805" _fcksavedurl="http://test.qualitywordpress.com/?m=200805" title="May 2008">May 2008</a></li>
</ul>
<div class="textwidget"></div>
</div>


<div  id="content">

<div  class="post" id="post-15">
<div class="post-title">
<div class="post-date">
<span></span>
</div>
<h2><a href="http://test.qualitywordpress.com/?p=15" _fcksavedurl="http://test.qualitywordpress.com/?p=15" rel="bookmark" title="Permanent Link to Success with Quality Themes">www.HTMLSABLONKOD.tr.gg</a></h2>
Nette yokum herşey lokum :=)</div>
<div  class="post-entry">
<p ></p>
<p>

Tasarımın Altındaki Bölüme

</p>
</div>
<div  class="post-info">
<a href="http://test.qualitywordpress.com/?p=15#respond" _fcksavedurl="http://test.qualitywordpress.com/?p=15#respond" title="Comment on Success with Quality Themes">Comments (0)</a>  //  <a  href="http://test.qualitywordpress.com/?p=15#respond" _fcksavedurl="http://test.qualitywordpress.com/?p=15#respond">Add Comment</a>
</div>
</div>



<div class="navigation">
<div class="navigation-previous"></div>
<div class="navigation-next"></div>
</div>

<div class="clear"></div>
</div>


<div  class="sidebar sidebar-right">
<h3>Categories</h3>
<ul>
<li class="cat-item cat-item-3"><a href="http://test.qualitywordpress.com/?cat=3" _fcksavedurl="http://test.qualitywordpress.com/?cat=3" title="View all posts filed under Art & Design">Art & Design</a>
</li>
<li  class="cat-item cat-item-5"><a href="http://test.qualitywordpress.com/?cat=5" _fcksavedurl="http://test.qualitywordpress.com/?cat=5" title="View all posts filed under Business">Business</a>
</li>
<li  class="cat-item cat-item-4"><a href="http://test.qualitywordpress.com/?cat=4" _fcksavedurl="http://test.qualitywordpress.com/?cat=4" title="View all posts filed under Marketing">Marketing</a>
</li>
<li  class="cat-item cat-item-6"><a href="http://test.qualitywordpress.com/?cat=6" _fcksavedurl="http://test.qualitywordpress.com/?cat=6" title="View all posts filed under Online">Online</a>
</li>
<li  class="cat-item cat-item-1"><a href="http://test.qualitywordpress.com/?cat=1" _fcksavedurl="http://test.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
</ul>
<h3 >Blogroll</h3>
<ul>
<li ><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li>
<li><a  href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li>
<li ><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li ><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li>
</ul>
</div>

<div class="clear"></div>
</div></div></div>


<div id="footer">

<div id="copyright">
<br>
Copyright 2009 by BRKNL
</div>

</div>

</div>

Css Kod Bölümüne

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*
Theme Name: Grundge Rock
Theme URI: http://test.qualitywordpress.com/?preview_theme=grundgerock
Description: Grundge rock is a cool and edgey looking rock wordpress theme for those who love alternative rock, hard metal and more.
Version: 1.0
Author: qualitywordpress.com
Author URI: http://qualitywordpress.com
*/
/* General */
body {
margin: 0;
background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/bg.jpg);
}
h1, h2, h3, h4 {
margin: 0;
}
img {
border: 0;
}
.clear {
clear: both;
height: 1px;
overflow: hidden;
}
/* Page */
#page {
margin: 0 auto;
width: 1004px;
}
/* Header */
#header {
width: 1004px;
height: 400px;
background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/header.jpg) no-repeat;
position: relative;
}
/* Header - Info */
#header #header-info {
position: absolute;
top: 105px;
left: 350px;
}
#header #header-info h1 {
color: #ffffff;
font: bold 30px Verdana, Verdana;
}
#header #header-info h1 a {
color: #ffffff;
text-decoration: none;
}
#header #header-info .description {
color: #ffffff;
font: bold 15px Verdana, Verdana;
}
/* Header - Menu */
#header #header-menu {
position: absolute;
top: 2px;
right: 60px;
height: 53px;
}
#header #header-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 53px;
}
#header #header-menu ul li {
float: left;
height: 53px;
margin-right: 8px;
font: bold 10px/43px Verdana, Verdana;
color: #ffffff;
text-transform: lowercase;
background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/header_menu_left.gif) no-repeat;
}
#header #header-menu ul li a {
color: #ffffff;
text-decoration: none;
padding: 0 40px;
background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/header_menu_right.gif) no-repeat right top;
display: block;
}
#header #header-menu ul li a:hover {
text-decoration: underline;
}
#header #header-menu ul li ul {
display: none;
}
/* Header - Topbar */
#header #topbar {
position: absolute;
top: 270px;
left: 0px;
width: 1004px;
height: 201px;
color: #ffffff;
font: bold 12px Trebuchet MS, Verdana;
}
#header #topbar h3 {
font: bold 15px Verdana, Verdana;
color: #ffffff;
}
#header #topbar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#header #topbar ul li {
padding-top: 12px;
color: #ffffff;
font: bold 12px Trebuchet MS, Verdana;
}
#header #topbar ul li a {
color: #ffffff;
text-decoration: none;
}
#header #topbar ul li a:hover {
text-decoration: underline;
}
/* Header - Topbar - Boxes */
#header #topbar #topbar-left {
width: 285px;
padding: 35px 33px;
float: left;
}
#header #topbar #topbar-center {
width: 306px;
float: left;
padding: 12px 0 0 30px;
}
#header #topbar #topbar-right {
width: 287px;
float: left;
padding: 12px 0 0 30px;
}
/* Main */
#main {
width: 1004px;
background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/main.gif) repeat-y;
}
#main-top {
width: 1004px;
background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/main_top.gif) no-repeat;
}
#main-bottom {
width: 992px;
padding-left: 12px;
min-height: 50px;
background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/main_bottom.gif) no-repeat left bottom;
}
/* Main - Content */
#content {
float: left;
width: 570px;
padding: 6px 16px 0 16px;
}
/* Main - Content - Post */
#content .post {
color: #FFFFFF;
float: left;
margin-bottom: 16px;
width: 554px;
padding: 7px;
background: #1C1C1C;
}
/* Post - Title */
#content .post .post-title {
width: 554px;
height: 51px;
color: #FFFFFF;
font: bold 12px Trebuchet MS, Verdana;
}
#content .post .post-title a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .post-title a:hover {
text-decoration: underline;
}
#content .post .post-title .post-date {
float: left;
background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/post_date.gif) repeat-x;
width: 50px;
height: 51px;
color: #cccccc;
text-align: center;
text-transform: uppercase;
margin-right: 10px;
font: bold 10px/15px Trebuchet MS, Verdana;
}
#content .post .post-title .post-date span {
margin-bottom: 2px;
display: block;
font: bold 16px/34px Trebuchet MS, Verdana;
}
#content .post .post-title h2 {
padding: 4px 0 3px 0;
color: #C00000;
font: bold 19px Verdana, Verdana;
}
#content .post .post-title h2 a {
color: #C00000;
text-decoration: none;
}
#content .post .post-title h2 a:hover {
text-decoration: underline;
}
/* Post - Entry */
#content .post .post-entry {
font: normal 12px/18px Trebuchet MS, Verdana;
color: #FFFFFF;
padding: 0 4px 0 4px;
width: 542px;
}
#content .post .post-entry a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .post-entry a:hover {
text-decoration: underline;
}
#content .post .post-entry .more-link {
font: bold 12px/20px Trebuchet MS, Verdana;
color: #FFFFFF;
float: right;
padding-bottom: 5px;
}
#content .post .post-entry .more-link a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .post-entry .more-link a:hover {
text-decoration: underline;
}
/* Post - Info */
#content .post .post-info {
padding: 10px 4px 0 4px;
width: 546px;
clear: both;
font: bold 12px Trebuchet MS, Verdana;
color: #FFFFFF;
}
#content .post .post-info a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .post-info a:hover {
text-decoration: underline;
}
/* Post - Comments */
#content .post h3 {
color: #FFFFFF;
font: bold 17px Verdana, Verdana;
margin: 25px 0 5px 0;
padding: 0 4px;
width: 546px;
}
#content .post .comments {
padding: 0 4px;
width: 546px;
font: normal 12px/18px Trebuchet MS, Verdana;
color: #FFFFFF;
}
#content .post .comments a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .comments a:hover {
text-decoration: underline;
}
#content .post .comments ol {
margin: 10px 0 10px 0;
padding-left: 25px;
}
#content .post .comments ol li {
padding: 5px;
}
#content .post .comments ol li.alt {
background: #000000;
}
#content .post .comments ol li cite {
color: #FFFFFF;
font-style: normal;
font-weight: bold;
}
#content .post .comments ol li cite a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .comments ol li cite a:hover {
text-decoration: underline;
}
#content .post .comments ol li .commentmetadata a {
color: #FFFFFF;
text-decoration: none;
}
#content .post .comments ol li .commentmetadata a:hover {
text-decoration: underline;
}
#content .post #commentform {
margin: 0;
font: normal 12px/18px Trebuchet MS, Verdana;
color: #FFFFFF;
padding: 0 4px;
width: 546px;
}
#content .post #commentform a {
color: #FFFFFF;
text-decoration: none;
}
#content .post #commentform a:hover {
text-decoration: underline;
}
/* Main - Sidebar */
.sidebar {
float: left;
width: 189px;
font: strong 10px/18px Trebuchet MS, Verdana;
color: #ffffff;
padding: 7px 0;
}
.sidebar a {
color: #ffffff;
text-decoration: none;
}
.sidebar a:hover {
text-decoration: underline;
}
/* Sidebar - Titles */
.sidebar h3 {
padding-left: 18px;
font: bold 10px/34px Verdana, Verdana;
text-transform: lowercase;
color: #ffffff;
height: 46px;
width: 189px;
background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/sidebar_title.gif) no-repeat;
}
/* Sidebar - Menus */
.sidebar ul {
margin: 0 0 20px 18px;
padding: 0;
list-style-type: none;
}
.sidebar ul li {
color: #ffffff;
font: normal 10px/26px Trebuchet MS, Verdana;
}
.sidebar ul li a {
color: #ffffff;
text-decoration: none;
}
.sidebar ul li a:hover {
text-decoration: underline;
}
/* Sidebar - Forms */
.sidebar #searchform {
margin: 0 auto;
padding: 15px 0 25px 0;
width: 145px;
text-align: center;
}
.sidebar #searchform #s {
width: 145px;
}
/* Sidebar - Tables */
.sidebar #calendar_wrap {
margin: 5px auto 20px auto;
width: 120px;
}
.sidebar #calendar_wrap caption {
font-weight: bold;
}
.sidebar #calendar_wrap #today {
font-weight: bold;
}
/* Sidebar - Texts */
.sidebar .textwidget {
padding: 0 10px 20px 10px;
}
/* Footer */
#footer {
margin-top: 15px;
width: 1004px;
height: 62px;
background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/footer.gif) repeat-x;
color: #A5A5A5;
font: normal 10px/15px Trebuchet MS, Verdana;
text-align: center;
}
#footer a {
color: #A5A5A5;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

Tasarımın Üzerindeki Bölüme

<div id="header">
<div id="logo">
<h1><a href="#" _fcksavedurl="#"><span>html </span>şablonkod </a></h1>
<p>site sloganı burada olacak </p>
</div>
</div>

<div id="wrapper">

<div id="page">
<div id="page-bg">
<div id="sidebar1" class="sidebar">
<ul>
<li>
<h2>Kategoriler</h2>
<ul>
<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>
<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>
<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>
<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>
<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>
<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>
</ul>
</li>
<li>
<h2>Yazılarım</h2>
<ul>
<li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>
<li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>
<li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>
<li><a href="#" _fcksavedurl="#">Free CSS Templates</a> on <a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>
</ul>
</li>
<li>
<h2>Diğer</h2>
<ul>
<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>
<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>
<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>
<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>
</ul>
</li>
<li>
<h2>Arşivler</h2>
<ul>
<li><a href="#" _fcksavedurl="#">September</a> (23)</li>
<li><a href="#" _fcksavedurl="#">August</a> (31)</li>
<li><a href="#" _fcksavedurl="#">July</a> (31)</li>
<li><a href="#" _fcksavedurl="#">June</a> (30)</li>
<li><a href="#" _fcksavedurl="#">May</a> (31)</li>
</ul>
</li>
</ul>
</div>

<div id="content">

Tasarımın Altındaki Bölüme

</div>


<div id="sidebar2" class="sidebar">
<ul>
<li>
<form id="searchform" method="get" action="#">
<div>
<h2>Site Arama Motoru </h2>
<input type="text" name="s" id="s" size="15" value="" />
</div>
</form>
</li>
<li>
<h2>Tags</h2>
<p class="tag"><a href="#" _fcksavedurl="#">sitenin tagleri burada olacak </a><a href="#" _fcksavedurl="#"></a></p>
</li>
<li>
<h2>Takvim</h2>
<div id="calendar_wrap">
<table summary="Calendar">
<caption>
October 2009
</caption>
<thead>
<tr>
<th abbr="Monday" scope="col" title="Monday">M</th>
<th abbr="Tuesday" scope="col" title="Tuesday">T</th>
<th abbr="Wednesday" scope="col" title="Wednesday">W</th>
<th abbr="Thursday" scope="col" title="Thursday">T</th>
<th abbr="Friday" scope="col" title="Friday">F</th>
<th abbr="Saturday" scope="col" title="Saturday">S</th>
<th abbr="Sunday" scope="col" title="Sunday">S</th>
</tr>
</thead>
<tfoot>
<tr>
<td abbr="September" colspan="3" id="prev"><a href="#" _fcksavedurl="#" title="View posts for September 2009">« Sep</a></td>
<td class="pad"> </td>
<td colspan="3" id="next"> </td>
</tr>
</tfoot>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td id="today">4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
</tr>
<tr>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
</tr>
<tr>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
</tr>
<tr>
<td>29</td>
<td>30</td>
<td>31</td>
<td class="pad" colspan="4"> </td>
</tr>
</tbody>
</table>
</div>
</li>
<li>
<h2>Kategori - 2 </h2>
<ul>
<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>
<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>
<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>
<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>
<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>
<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>
<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>
<li><a href="#" _fcksavedurl="#">Aliquam libero</a></li>
<li><a href="#" _fcksavedurl="#">Consectetuer adipiscing elit</a></li>
<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>
<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>
<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>
<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
<li><a href="#" _fcksavedurl="#">Suspendisse iaculis mauris</a></li>
<li><a href="#" _fcksavedurl="#">Urnanet non molestie semper</a></li>
<li><a href="#" _fcksavedurl="#">Proin gravida orci porttitor</a></li>
<li><a href="#" _fcksavedurl="#">Metus aliquam pellentesque</a></li>
</ul>
</li>
</ul>
</div>

<div style="clear: both;"> </div>
</div>
</div>

</div>
<div id="footer">
<p class="copyright">Copyright 2009 by BRKNL </p>
<p class="link"><a href="http://www.htmlsablonkod.tr.gg" _fcksavedurl="http://www.htmlsablonkod.tr.gg">design by free tasarım </a><a href="#" _fcksavedurl="#"></a></p>
</div>

Css Kod Bölümüne

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
body {
margin-top: 50px;
padding: 0;
background: #2F2825;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #616161;
}
h1, h2, h3 {
margin-top: 0;
color: #8C0209;
}
h1 {
font-size: 1.6em;
font-weight: normal;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1em;
}
ul {
}
a {
text-decoration: none;
color: #8C0209;
}
a:hover {
border-bottom: none;
}
a img {
border: none;
}
img.left {
float: left;
margin: 0 20px 0 0;
}
img.right {
float: right;
margin: 0 0 0 20px;
}
#header {
width: 1000px;
margin: 0 auto;
height: 130px;
background: url(https://img.webme.com/pic/t/turkgencliq/img02.jpg) repeat-x left top;
}
/* Header */
#logo {
width: 940px;
height: 130px;
margin: 0 auto;
padding-top: 20px;
padding-left: 20px;
background: url(https://img.webme.com/pic/t/turkgencliq/img01.gif) no-repeat left top;
}
#logo h1, #logo p {
float: left;
margin: 0;
color: #FFFFFF;
}
#logo span {
color: #FF4D00;
}
#logo h1 {
padding: 25px 0 0 0;
letter-spacing: -1px;
text-transform: lowercase;
font-weight: normal;
font-size: 3em;
}
#logo p {
text-transform: uppercase;
padding: 47px 0 0 3px;
font-size: 10px;
color: #110E0F;
}
#logo a {
border: none;
text-decoration: none;
color: #FFFFFF;
}
/* Menu */
#menu {
width: 1000px;
margin: 0 auto;
padding: 0;
height: 50px;
background: url(https://img.webme.com/pic/t/turkgencliq/img02.jpg) no-repeat left top;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 32px;
margin: 0;
padding: 18px 30px 0 30px;
text-decoration: none;
text-transform: capitalize;
background: url(https://img.webme.com/pic/t/turkgencliq/img03.jpg) no-repeat right top;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #FFFFFF;
}
#menu a:hover {
color: #FFFFFF;
}
#menu .current_page_item a {
color: #FFFFFF;
}
/* Wrapper */
#wrapper {
}
/* Page */
#page {
width: 960px;
margin: 0 auto;
padding: 0px;
background: #FFFFFF url(https://img.webme.com/pic/t/turkgencliq/img03.gif) repeat-y left top;
}
#page-bg {
background: url(https://img.webme.com/pic/t/turkgencliq/img02.gif) no-repeat left top;
}
/* Latest Post */
#latest-post {
padding: 20px;
border: 1px solid #E7E7E7;
}
/* Content */
#content {
float: left;
width: 480px;
padding: 30px 20px 0px 20px;
}
.post {
padding-bottom: 15px;
line-height: 200%;
}
.post h1 {
font-weight: normal;
}
.title {
margin: 0;
padding: 10px 0 4px 20px;
font-weight: normal;
}
.title a {
border-bottom: none;
color: #8C0209;
}
.title a:hover {
border-bottom: 1px dotted #000000;
}
.byline {
border-bottom: 1px #BBBBBB dashed;
margin: -10px 20px 20px 20px;
}
.tag {
padding: 0 15px;
}
.entry {
padding: 0 20px;
}
.links {
padding: 4px 0px;
text-align: right;
font-weight: bold;
}
.links a {
border: none;
}
.links a:hover {
}
/* Sidebars */
#sidebar1 {
float: left;
}
#sidebar2 {
float: right;
}
.sidebar {
float: left;
width: 220px;
padding: 20px 0px 0px 0px;
font-size: 12px;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
padding: 0 0 20px 0;
}
.sidebar li ul {
}
.sidebar li li {
margin: 0 20px 0 15px;
padding: 8px 0px;
border-bottom: 1px #BBBBBB dashed;
}
.sidebar li h2 {
height: 30px;
margin: 0 0 0 0;
padding: 10px 15px 0px 15px;
background: #890208 url(https://img.webme.com/pic/t/turkgencliq/img05.jpg) no-repeat left top;
letter-spacing: -1px;
font-size: 16px;
color: #FFFFFF;
}
.sidebar a {
}
/* Search */
#searchform {
margin: 0;
padding: 0 0 0 0;
}
#searchform br {
display: none;
}
#searchform h2 {
}
#s {
margin: 10px 0px 0 15px;
padding: 2px 2px;
width: 180px;
height: 18px;
border: 1px solid #CA8186;
background: #FFFFFF;
font-size: 10px;
color: #000000;
}
#x {
margin: 0;
padding: 2px 5px;
height: 25px;
background: #CA8186;
text-decoration: none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
}
/* Calendar */
#calendar_wrap {
padding: 0 15px;
text-align: center;
}
#calendar_wrap table {
width: 100%;
}
#calendar_wrap th {
}
#calendar_wrap td {
}
#calendar_wrap tfoot td {
border: none;
}
#calendar_wrap tfoot td#prev {
text-align: left;
font-weight: bold;
border: none;
}
#calendar_wrap tfoot td#prev a {
border: none;
}
#calendar_wrap tfoot td#next {
text-align: right;
font-weight: bold;
border: none;
}
#calendar_wrap tfoot td#next a {
border: none;
}
/* Footer */
#footer {
width: 960px;
height: 70px;
margin: 0 auto;
padding: 50px 0px 0px 0px;
background: url(https://img.webme.com/pic/t/turkgencliq/img04.gif) no-repeat left top;
color: #FFFFFF;
}
#footer p {
margin: 0;
padding: 25px 20px 0 20px;
text-transform: uppercase;
text-align: center;
font-size: smaller;
font-family: Arial, Helvetica, sans-serif;
}
#footer a {
color: #FFFFFF;
}
#footer .link {
float: right;
}
#footer .copyright {
float: left;
}

Tasarımın Üzerindeki Bölüm

<div id="wrapper">

<div id="border">

<div id="header">
<div id="headertext">Site Adı</div>
<div id="headertextsmall">.. Sitenizin Slogani</div>
</div>


<div id="topmenu">
<ul class="glossymenu">
<li class="current"><a href="index.htm" _fcksavedurl="index.htm"><b>Ana Sayfa</b></a></li>
<li><a href="index.htm" _fcksavedurl="index.htm"><b>Hakkında</b></a></li>
<li><a href="index.htm" _fcksavedurl="index.htm"><b>Forum</b></a></li>
<li><a href="index.htm" _fcksavedurl="index.htm"><b>Html Kodlar</b></a></li>
<li><a href="index.htm" _fcksavedurl="index.htm"><b>Z. Defteri</b></a></li>
<li><a href="index.htm" _fcksavedurl="index.htm"><b>Toplist</b></a></li>
</ul>
</div>


<div id="leftcolumn">

<div class="leftcolumn-inner">
<h1>Arama</h1>
<form action="#" method="post">
<p><input name="search" id="search" /></p>
</form>
</div>


<div class="in-the-news">
<div class="left-heading">
<h3>Lorem lipsum</h3>
</div>
<div class="left-mid">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostris nostrud e
xercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolois nostrud e
xercitation ullamco
</div>
<img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" class="block" alt="" />
</div>


<div class="in-the-news">
<div class="left-heading">
<h3>More lipsum</h3>
</div>
<div class="left-mid">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostris nostrud e
xercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure
dolor in reprehenderit in voluptate velit esse cillum dolois nostrud e
xercitation ullamco
</div>
<img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" class="block" alt="" />
</div>


<div class="in-the-news">
<div class="left-heading">
<h3>Image archive</h3>
</div>
<div class="randompicture">
<img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/randompic.jpg" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/randompic.jpg" alt="Random picture" />
</div>
<img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-bottom.gif" class="block" alt="" />
</div>

</div>


<div id="rightcolumn">

<div id="highlightnews">
<img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/megaphone.png" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/megaphone.png" alt="megaphone" /><p>Siteniz hakkında Duyuruları buradan Yapabilirsiniz.</p>
</div>


<div class="maincontent">
<img src="http://csstasarimm.cs.funpic.org/Demo/Css56/images/content-top.gif" _fcksavedurl="http://csstasarimm.cs.funpic.org/Demo/Css56/images/content-top.gif" class="block" alt="" />
<div class="content-mid">

Tasarımın Altındaki Bölüm

Css Kod Bölümü

h1#title{display: none;}  h2#title span {display: none;}  div.header{display: none;}  li.nav_element{list-style-type: none;}  li.nav_element{display: none;}
* {
padding: 0;
margin: 0;
}
body {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/bg-tile.gif);
background-repeat:repeat;
}
#wrapper {
width: 782px;
margin: 0 auto;
}
#border {
border: 1px solid #8ECE5F;
margin: 20px 0px 5px 0px;
background-color: #fffffe;
min-height: 776px;
float: right;
width: 780px;
}
* html #border {height:776px} /* IE Min-Height Hack */
#header {
margin: 6px 5px 3px 5px;
background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/header.jpg);
background-repeat:no-repeat;
height:140px;
}
#headertext
{
width:180px;
height:40px;
font-family:"Trebuchet MS";
font-size:33px;
color:#71c15c;
margin:50px 0px 0px 50px;
float:left;
clear:none;
}
#headertextsmall
{
width:250px;
height:30px;
font-family:"Trebuchet MS";
font-size:20px;
color:#fff;
padding-right:50px;
padding-top:60px;
float:right;
}
/* ------------------------ Start Navigation Bar -----------------*/
#topmenu
{
height:46px;
width: 770px;
padding-left:5px;
background-repeat:no-repeat;
}
/*MEUNU*/
.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/menug_bg.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/menug_hover_left.gif) no-repeat; /*left tab image path*/
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
background: url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/menug_hover_right.gif) no-repeat right top; /*right tab image path*/
}
/* ------------------------ End Navigation Bar -----------------*/
/* ------------------------ Start Images -----------------*/
img {
display: inline;
border: none;
}
img.block {
display: block;
}
img.float {
float: left;
margin: 0px 14px 10px 0px;
}
/* ------------------------ End Images -----------------*/
/* ------------------------ Start Main Columns -----------------*/
#leftcolumn { /* Parent Wrapper for inside boxes */
margin: 6px 0px 0px 4px;
display: inline; /* IE Hack */
width: 240px;
float: left;
background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/search-box.gif);
background-repeat: no-repeat;
min-height: 300px;
padding: 0;
}
* html #leftcolumn {height:300px} /* IE Min-Height Hack */
.leftcolumn-inner { /* Parent Wrapper for inside boxes */
display: inline; /* IE Hack */
width: 220px;
float: left;
background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/search-box.gif);
background-repeat: no-repeat;
min-height: 40px;
padding: 10px;
margin-bottom: 7px;
}
* html .leftcolumn-inner {height:40px} /* IE Min-Height Hack */
.in-the-news { /* Parent Wrapper for inside boxes */
display: inline; /* IE Hack */
width: 235px;
float: left;
min-height: 125px;
margin-bottom: 7px;
}
* html .in-the-news {height:125px} /* IE Min-Height Hack */
#rightcolumn {
/* border: 1px solid red;*/
margin: 6px 0px 0px 0px;
display: inline; /* IE Hack */
width: 513px;
float: left;
min-height: 300px;
}
* html #rightcolumn {height:300px} /* IE Min-Height Hack */
#highlightnews {
background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/highlightnews.jpg);
height:auto;
background-repeat: no-repeat;
text-align: left;
padding: 17px 10px 10px 13px;
display: inline; /* IE Hack */
float: left;
width: 510px;
}
#highlightnews img
{
float:left;
padding-right:10px;
}
* html .sponsor {height:80px} /* IE Min-Height Hack */
.maincontent {
min-height: 80px;
display: inline; /* IE Hack */
float: left;
margin-bottom: 7px;
width: 530px;
}
* html .maincontent {height:80px} /* IE Min-Height Hack */
.content-mid {
background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/content-mid.gif);
background-repeat: repeat;
padding: 5px 14px 5px 14px;
}
.content-mid img
{
float:left;
margin:3px 10px 14px 0px;
}
.left-mid {
background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-mid.gif);
background-repeat: repeat;
padding: 5px 14px 10px 14px;
}
.randompicture
{
background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-mid.gif);
background-repeat: repeat;
text-align:center;
padding:5px 0px 5px 0px;
overflow:hidden;
}
.left-heading {
background-image:url(http://csstasarimm.cs.funpic.org/Demo/Css56/images/left-heading.gif);
background-repeat: no-repeat;
padding: 9px 14px 5px 10px;
}
.left-heading h3
{
font-size: 16px;
color: #fff;
min-height: 11px;
font-weight: bold;
}
* html .left-heading {height:11px} /* IE Min-Height Hack */
/* ------------------------ End Main Columns -----------------*/
/* ------------------------- Start Headings ---------------------*/
h1 {
font-size: 16px;
color: #72C236;
}
/* ------------------------- End Headings ---------------------*/
input {
border: 1px solid #8ECE5F;
width: 200px;
}
#footer {
font-size: 10px;
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 5px;
text-align:center;
}
ul#daily-links li {
list-style: none;
margin-left: 2px;
}
ul#nav-links li {
display: inline;
margin-left: 0px;
padding-left: 12px;
}
ul#daily-links li a:link{
color: #333;
text-decoration: none;
font-weight: bold;
}
ul#daily-links li a:visited{
color: #333;
text-decoration: none;
font-weight: bold;
}
ul#daily-links li a:hover{
color: #999;
text-decoration: none;
font-weight: bold;
}
a:link {
color: #006600;
text-decoration: none;
}
a:visited {
color: #006600;
text-decoration: none;
}
.valid {
margin: 10px 0px 0px 10px;
}

Resmi Büyütmek İçin Üzerine Tıklayının

Tasarımın Üzerineki Bölüme

<div
class="PageBackgroundGradient"></div>
<div class="PageBackgroundGlare">
<div class="PageBackgroundGlareImage"></div>
</div>
<div class="Main">
<div class="Sheet">
<div class="Sheet-tl"></div>
<div class="Sheet-tr"><div></div></div>
<div class="Sheet-bl"><div></div></div>
<div class="Sheet-br"><div></div></div>
<div class="Sheet-tc"><div></div></div>
<div class="Sheet-bc"><div></div></div>
<div class="Sheet-cl"><div></div></div>
<div class="Sheet-cr"><div></div></div>
<div class="Sheet-cc"></div>
<div class="Sheet-body">
<div class="Header">
<div class="Header-jpeg"></div>
<div class="logo">
<h1 id="name-text" class="logo-name">
<a
href="http://www.champroz.com/?preview=1&template=BlueElegance"
_fcksavedurl="http://www.champroz.com/?preview=1&template=BlueElegance">www.HTMLSABLONKOD.tr.gg</a></h1>
<div
id="slogan-text" class="logo-text"> Kısaca Free Olan Ne Varsa
=)</div>
</div>
</div>
<div class="nav">
<ul class="artmenu">
<li><a class="active"
href="http://www.champroz.com?preview=1&template=BlueElegance"
_fcksavedurl="http://www.champroz.com?preview=1&template=BlueElegance"><span><span>Home</span></span></a></li><li
class="page_item page-item-2"><a
href="http://www.champroz.com/about/?preview=1&template=BlueElegance"
_fcksavedurl="http://www.champroz.com/about/?preview=1&template=BlueElegance"
title="About"><span><span>About</span></span></a></li>
<li
class="page_item page-item-11"><a
href="http://www.champroz.com/contact-us/?preview=1&template=BlueElegance"
_fcksavedurl="http://www.champroz.com/contact-us/?preview=1&template=BlueElegance"
title="Contact Us"><span><span>Contact
Us</span></span></a></li>
</ul>
<div class="l">
</div>
<div class="r">
<div>
</div>
</div>
</div>
<div class="contentLayout">
<div class="content">
<div class="Post">
<div class="Post-body">
<div class="Post-inner article">
<h2 class="PostHeaderIcon-wrapper">
<span class="PostHeader"><a
href="http://www.htmlsablonkod.tr.gg"
_fcksavedurl="http://www.htmlsablonkod.tr.gg" rel="bookmark"
title="Permanent Link to Image in post">Html
Şablonkod</a></span>
</h2>
<div class="PostHeaderIcons metadata-icons"> Since **/**/****
</div>
<div class="PostContent">

Tasarımın Altındaki Bölüme

</div>
<div
class="cleared"></div>
<div class="PostMetadataFooter">
<div class="PostFooterIcons metadata-icons"> Posted in <a
href="http://www.champroz.com/category/themes/?preview=1&template=BlueElegance"
_fcksavedurl="http://www.champroz.com/category/themes/?preview=1&template=BlueElegance"
title="View all posts in Themes" rel="category tag">Themes</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar1">
<div class="sidebar1"> <div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text"> Advertising
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<center>
<div>
<a rel="nofollow" href="?preview=1&template=BlueElegance#"
_fcksavedurl="?preview=1&template=BlueElegance#"><img
alt="Advertisement"
src="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png"
_fcksavedurl="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png"
border="0" width="125" height="125" style="border: 1px solid #FFFFFF;
padding: 1px;" /></a>
<a rel="nofollow" href="?preview=1&template=BlueElegance#"
_fcksavedurl="?preview=1&template=BlueElegance#"><img
alt="Advertisement"
src="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png"
_fcksavedurl="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png"
border="0" width="125" height="125" style="border: 1px solid #FFFFFF;
padding: 1px;" /></a>
</div>
<div>
<a rel="nofollow" href="?preview=1&template=BlueElegance#"
_fcksavedurl="?preview=1&template=BlueElegance#"><img
alt="Advertisement"
src="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png"
_fcksavedurl="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png"
border="0" width="125" height="125" style="border: 1px solid #FFFFFF;
padding: 1px;" /></a>
<a rel="nofollow" href="?preview=1&template=BlueElegance#"
_fcksavedurl="?preview=1&template=BlueElegance#"><img
alt="Advertisement"
src="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png"
_fcksavedurl="http://www.champroz.com/wp-content/themes/BlueElegance/images/banner.png"
border="0" width="125" height="125" style="border: 1px solid #FFFFFF;
padding: 1px;" /></a>
</div> </center>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text"> Recent Posts
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
<li><a
href='http://www.champroz.com/2009/04/18/image-in-post/?preview=1&template=BlueElegance'
_fcksavedurl='http://www.champroz.com/2009/04/18/image-in-post/?preview=1&template=BlueElegance'
title='Image in post'>Image in post</a></li>
<li><a
href='http://www.champroz.com/2009/04/18/just-another-post-2/?preview=1&template=BlueElegance'
_fcksavedurl='http://www.champroz.com/2009/04/18/just-another-post-2/?preview=1&template=BlueElegance'
title='Just Another Post'>Just Another Post</a></li>
<li><a
href='http://www.champroz.com/2009/04/18/just-another-post/?preview=1&template=BlueElegance'
_fcksavedurl='http://www.champroz.com/2009/04/18/just-another-post/?preview=1&template=BlueElegance'
title='Just another post'>Just another post</a></li>
<li><a
href='http://www.champroz.com/2009/04/17/hello-world/?preview=1&template=BlueElegance'
_fcksavedurl='http://www.champroz.com/2009/04/17/hello-world/?preview=1&template=BlueElegance'
title='Hello world!'>Hello world!</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text"> Recent Comments
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul><li>No comments.</li></ul> </div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text"> Pages
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
<li><a
href="http://www.champroz.com/about/?preview=1&template=BlueElegance"
_fcksavedurl="http://www.champroz.com/about/?preview=1&template=BlueElegance">About</a></li><li><a
href="http://www.champroz.com/contact-us/?preview=1&template=BlueElegance"
_fcksavedurl="http://www.champroz.com/contact-us/?preview=1&template=BlueElegance">Contact
Us</a></li></ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text"> Categories
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
<li class="cat-item cat-item-1"><a
href="http://www.champroz.com/category/themes/?preview=1&template=BlueElegance"
_fcksavedurl="http://www.champroz.com/category/themes/?preview=1&template=BlueElegance"
title="View all posts filed under Themes">Themes</a> (4)
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text"> Bookmarks
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
<li><a
href="http://www.champroz.com?preview=1&template=BlueElegance"
_fcksavedurl="http://www.champroz.com?preview=1&template=BlueElegance"
rel="me" title="Champroz.com | Themes">Cham
Proz</a></li>
<li><a
href="http://www.champroz.com?preview=1&template=BlueElegance"
_fcksavedurl="http://www.champroz.com?preview=1&template=BlueElegance"
rel="me" title="WordPress Themes">WordPress
Themes</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text"> Search </div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<form method="get" id="searchform"
action="http://www.champroz.com/">
<input type="text" value="" name="s" id="s" style="width: 95%;"
/>
<button class="Button" type="submit" name="search">
<span class="btn">
<span class="t">Search</span>
<span class="r"><span></span></span>
<span class="l"></span>
</span>
</button>
</form>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text"> Archives </div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
<li><a
href='http://www.champroz.com/2009/04/?preview=1&template=BlueElegance'
_fcksavedurl='http://www.champroz.com/2009/04/?preview=1&template=BlueElegance'
title='April 2009'>April 2009</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text"> Meta
</div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-tl"></div>
<div class="BlockContent-tr"><div></div></div>
<div class="BlockContent-bl"><div></div></div>
<div class="BlockContent-br"><div></div></div>
<div class="BlockContent-tc"><div></div></div>
<div class="BlockContent-bc"><div></div></div>
<div class="BlockContent-cl"><div></div></div>
<div class="BlockContent-cr"><div></div></div>
<div class="BlockContent-cc"></div>
<div class="BlockContent-body">
<ul>
<li><a
href="http://www.champroz.com/wp-login.php?preview=1&template=BlueElegance"
_fcksavedurl="http://www.champroz.com/wp-login.php?preview=1&template=BlueElegance">Log
in</a></li>
<li><a
href="http://www.champroz.com?feed=rss2&preview=1&template=BlueElegance"
_fcksavedurl="http://www.champroz.com?feed=rss2&preview=1&template=BlueElegance">Entries
(RSS)</a></li>
<li><a
href="http://www.champroz.com?feed=comments-rss2&preview=1&template=BlueElegance"
_fcksavedurl="http://www.champroz.com?feed=comments-rss2&preview=1&template=BlueElegance">Comments
(RSS)</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cleared"></div>
<div class="Footer">
<div class="Footer-inner">
<a
href="<?php_bloginfo(&preview=1&template=BlueElegance'rss2_url');
?>"
_fcksavedurl="<?php_bloginfo(&preview=1&template=BlueElegance'rss2_url');
?>" class="rss-tag-icon" title="RSS"></a>
<div class="Footer-text">
<p> Copyright © 2009 Design by <a
href='http://www.htmlsablonkod.tr.gg'
_fcksavedurl='http://www.htmlsablonkod.tr.gg''>FREE SİTE</a>
</p>
</div>
</div>
<div class="Footer-background">
</div>
</div>
</div>
</div>
<p class="page-footer">
</div>
</div>

Css Kod Bölümüne

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*
Theme Name: BlueElegance
Theme URI: http://www.champroz.com
Description: Elegant WordPress Theme created by Champroz.com
Version: 1.0
Author:
Author URI:
Tags: fixed width, right sidebar, two columns, valid XHTML, widgets, advertising ready
*/
/* begin Page */
body
{
margin: 0 auto;
padding: 0;
background-color: #145871;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Page-BgTexture.jpg');
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
}
.Main
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.PageBackgroundGlare
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.PageBackgroundGlareImage
{
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Page-BgGlare.png');
background-repeat: no-repeat;
height: 378px;
width: 437px;
margin: 0;
}
html:first-child .PageBackgroundGlare
{
border: 1px solid transparent; /* Opera fix */
}
.PageBackgroundGradient
{
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Page-BgGradient.jpg');
background-repeat: repeat-x;
height: 240px;
}
.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}
/* end Page */
/* begin Box, Sheet */
.Sheet
{
overflow: hidden;
min-width:35px;
min-height:35px;
margin: 0 auto;
position: relative;
z-index: 0;
width: 1000px;
}
.Sheet-body
{
position: relative;
z-index: 0;
margin: 10px;
}
.Sheet-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 31px;
height: 31px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-s.png');
}
.Sheet-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 31px;
height: 31px;
}
.Sheet-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -31px;
width: 62px;
height: 62px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-s.png');
}
.Sheet-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 31px;
height: 31px;
}
.Sheet-bl div
{
position: absolute;
z-index: -1;
top: -31px;
left: 0;
width: 62px;
height: 62px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-s.png');
}
.Sheet-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 31px;
height: 31px;
}
.Sheet-br div
{
position: absolute;
z-index: -1;
top: -31px;
left: -31px;
width: 62px;
height: 62px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-s.png');
}
.Sheet-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 31px;
right: 31px;
height: 31px;
}
.Sheet-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 62px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-h.png');
}
.Sheet-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 31px;
right: 31px;
height: 31px;
}
.Sheet-bc div
{
position: absolute;
z-index: -1;
top: -31px;
left: 0;
width: 100%;
height: 62px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-h.png');
}
.Sheet-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 31px;
left: 0;
width: 31px;
bottom: 31px;
}
.Sheet-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 62px;
height: 100%;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-v.png');
}
.Sheet-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 31px;
right: 0;
width: 31px;
bottom: 31px;
}
.Sheet-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -31px;
width: 62px;
height: 100%;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-v.png');
}
.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 31px;
left: 31px;
right: 31px;
bottom: 31px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Sheet-c.png');
}
.Sheet
{
margin-top: 30px !important;
}
/* end Box, Sheet */
/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 980px;
height: 200px;
}
div.Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 980px;
height: 200px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */
/* begin Logo */
.logo
{
display : block;
position: absolute;
left: 138px;
top: 70px;
width: 832px;
}
h1.logo-name
{
display: block;
text-align: left;
}
h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 36px;
text-decoration: none;
padding:0;
margin:0;
color: #3CB2DD !important;
}
.logo-text
{
display: block;
text-align: left;
}
.logo-text, .logo-text a
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 14px;
padding:0;
margin:0;
color: #BEE5F4 !important;
}
/* end Logo */
/* begin Menu */
/* menu structure */
.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}
.artmenu, .artmenu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.artmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}
.artmenu li:hover
{
z-index: 10000;
white-space: normal;
}
.artmenu li li
{
float: none;
}
.artmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}
.artmenu li:hover>ul
{
visibility: visible;
top: 100%;
}
.artmenu li li:hover>ul
{
top: 0;
left: 100%;
}
.artmenu:after, .artmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.artmenu, .artmenu ul
{
min-height: 0;
}
.artmenu ul
{
background-image: url(http://www.champroz.com/wp-content/themes/BlueElegance/images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.artmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
/* menu structure */
.nav
{
position: relative;
margin: 0  auto;
width: 980px;
height: 35px;
z-index: 100;
}
.artmenu
{
padding: 6px 3px 0px 3px;
}
.nav .l, .nav .r, .nav .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 35px;
}
.nav .l
{
left: 0;
right: 0px;
}
.nav .r
{
right: 0;
width: 0px;
}
.nav .r div
{
width: 980px;
right: 0;
}
.nav .l, .nav .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/nav.png');
}
/* end Menu */
/* begin MenuItem */
.artmenu ul li
{
clear: both;
}
.artmenu a , .artmenu a span
{
height: 29px;
display: block;
}
.artmenu
a { cursor: pointer; text-decoration: none; margin-right: 3px;
margin-left: 3px; } .artmenu a { background-image:
url('http://www.champroz.com/wp-content/themes/BlueElegance/images/item-left.png');
background-position: left top; background-repeat: no-repeat; } .artmenu
a span { background-image:
url('http://www.champroz.com/wp-content/themes/BlueElegance/images/item-right.png');
background-position: right top; background-repeat: no-repeat; }
.artmenu a span span { font-family: Verdana, Geneva, Arial, Helvetica,
Sans-Serif; font-size: 13px; color: #E0E5E6; padding: 0 19px; margin: 0
4px; line-height: 29px; text-align: center; background-image:
url('http://www.champroz.com/wp-content/themes/BlueElegance/images/item-center.png');
background-position: left top; background-repeat: repeat-x; } .artmenu
a:hover { background-position: left -29px; } .artmenu li:hover>a {
background-position: left -29px; } .artmenu li:hover a span {
background-position: right -29px; } .artmenu a:hover span {
background-position: right -29px; } .artmenu a:hover span span { color:
#E2EEF3; background-position: left -29px; } .artmenu li:hover a span
span { color: #E2EEF3; background-position: left -29px; } .artmenu
a.active { background-position: left -58px; } .artmenu a.active span {
background-position: right -58px; } .artmenu a.active span span {
color: #082530; background-position: left -58px; } /* end MenuItem */
/* begin MenuSubItem */ .artmenu ul a { display:block; text-align:
center; white-space: nowrap; height: 29px; width: 238px;
overflow:hidden; line-height: 29px; margin-right: auto;
background-image:
url('http://www.champroz.com/wp-content/themes/BlueElegance/images/subitem-bg.png');
background-position: left top; background-repeat: repeat-x;
border-width: 1px; border-style: solid; border-color: #BEC9CB; } .nav
ul.artmenu ul span, .nav ul.artmenu ul span span { display: inline;
float: none; margin: inherit; padding: inherit; background-image: none;
text-align: inherit; text-decoration: inherit; } .artmenu ul a,
.artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover,
.artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span
span { text-align: left; text-indent: 12px; text-decoration: none;
line-height: 29px; color: #4B5B5D; font-family: Verdana, Geneva, Arial,
Helvetica, Sans-Serif; font-size: 13px; } .artmenu ul ul a {
margin-left: auto; } .artmenu ul li a:hover { color: #000000;
border-color: #BEC9CB; background-position: 0 -29px; } .artmenu ul
li:hover>a { color: #000000; border-color: #BEC9CB;
background-position: 0 -29px; } .nav .artmenu ul li a:hover span, .nav
.artmenu ul li a:hover span span { color: #000000; } .nav .artmenu ul
li:hover>a span, .nav .artmenu ul li:hover>a span span { color:
#000000; } /* end MenuSubItem */ /* begin ContentLayout */
.contentLayout { margin-bottom: 0px; width: 980px; position: relative;
} /* end ContentLayout */ /* begin Box, Block */ .Block { overflow:
hidden; min-width:1px; min-height:1px; margin: 0 auto; position:
relative; z-index: 0; } .Block-body { position: relative; z-index: 0;
margin: 0px; } .Block { margin: 10px; } /* end Box, Block */ /* begin
BlockHeader */ .BlockHeader { position: relative; overflow: hidden;
height: 30px; z-index: 0; line-height: 30px; padding: 0 7px;
margin-bottom: 0px; } .BlockHeader-text { white-space : nowrap; color:
#0A1519; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px; line-height: 30px; } .BlockHeader .l, .BlockHeader .r,
.BlockHeader .r div { top: 0; position: absolute; z-index: -1;
overflow: hidden; height: 30px; } .BlockHeader .l { left: 0;
right: 2px;
}
.BlockHeader .r
{
right: 0;
width: 2px;
}
.BlockHeader .r div
{
width: 980px;
right: 0;
}
.BlockHeader .l, .BlockHeader .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockHeader.png');
}
.header-tag-icon
{
display:inline-block;
background-position:left top;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockHeaderIcon.png');
padding:0 0 0 22px;
background-repeat: no-repeat;
min-height: 15px;
margin: 0 0 0 5px;
}
/* end BlockHeader */
/* begin Box, BlockContent */
.BlockContent
{
overflow: hidden;
min-width:7px;
min-height:7px;
margin: 0 auto;
position: relative;
z-index: 0;
}
.BlockContent-body
{
position: relative;
z-index: 0;
margin: 5px;
}
.BlockContent-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 3px;
height: 3px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-s.png');
}
.BlockContent-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 3px;
height: 3px;
}
.BlockContent-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -3px;
width: 6px;
height: 6px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-s.png');
}
.BlockContent-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 3px;
height: 3px;
}
.BlockContent-bl div
{
position: absolute;
z-index: -1;
top: -3px;
left: 0;
width: 6px;
height: 6px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-s.png');
}
.BlockContent-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 3px;
height: 3px;
}
.BlockContent-br div
{
position: absolute;
z-index: -1;
top: -3px;
left: -3px;
width: 6px;
height: 6px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-s.png');
}
.BlockContent-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 3px;
right: 3px;
height: 3px;
}
.BlockContent-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 6px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-h.png');
}
.BlockContent-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 3px;
right: 3px;
height: 3px;
}
.BlockContent-bc div
{
position: absolute;
z-index: -1;
top: -3px;
left: 0;
width: 100%;
height: 6px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-h.png');
}
.BlockContent-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 3px;
left: 0;
width: 3px;
bottom: 3px;
}
.BlockContent-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 6px;
height: 100%;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-v.png');
}
.BlockContent-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 3px;
right: 0;
width: 3px;
bottom: 3px;
}
.BlockContent-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -3px;
width: 6px;
height: 100%;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-v.png');
}
.BlockContent-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContent-c.png');
}
.BlockContent-body { color:#1B2122; font-family: Verdana, Geneva,
Arial, Helvetica, Sans-Serif; font-size: 13px; } .BlockContent-body
a:link { color: #176582; font-family: Verdana, Geneva, Arial,
Helvetica, Sans-Serif; } .BlockContent-body a:visited,
.BlockContent-body a.visited { color: #718A8E; font-family: Verdana,
Geneva, Arial, Helvetica, Sans-Serif; text-decoration: none; }
.BlockContent-body a:hover, .BlockContent-body a.hover { color:
#1F87AD; font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none; } .BlockContent-body ul { list-style-type: none;
color: #092934; margin:0; padding:0; } .BlockContent-body li {
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; font-size:
13px; } .BlockContent-body ul li { padding:0px 0 0px 14px;
background-image:
url('http://www.champroz.com/wp-content/themes/BlueElegance/images/BlockContentBullets.png');
background-repeat:no-repeat; margin:0.5em 0 0.5em 0; line-height:1.2em;
} /* end Box, BlockContent */ /* begin Box, Post */ .Post { overflow:
hidden; min-width:1px; min-height:1px; margin: 0 auto; position:
relative; z-index: 0; } .Post-body { position: relative; z-index: 0;
margin: 12px; } .Post { margin: 10px; } /* Start
http://www.champroz.com/wp-content/themes/BlueElegance/images */ a img
{ border: 0; } .article img, img.article { border-style: solid;
border-width: 0px; border-color: #9AC4D6; margin: 1em; }
.metadata-icons img { border: none; vertical-align: middle; margin:2px;
} /* Finish
http://www.champroz.com/wp-content/themes/BlueElegance/images */ /*
Start tables */ .article table, table.article { border-collapse:
collapse; margin: 1px; width:auto; } .article table, table.article
.article tr, .article th, .article td { background-color:Transparent; }
.article th, .article td { padding: 2px; border: solid 1px #63C1E3;
vertical-align: top; text-align:left; } .article th {
text-align:center; vertical-align:middle; padding: 7px; } /* Finish
tables */ /* end Box, Post */ /* begin PostHeaderIcon */
.PostHeaderIcon-wrapper { text-decoration:none; margin: 0.2em 0;
padding: 0; font-weight:normal; font-style:normal;
letter-spacing:normal; word-spacing:normal; font-variant:normal;
text-decoration:none; font-variant:normal; text-transform:none;
text-align:left; text-indent:0; line-height:inherit; font-family:
"Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 24px; color:
#D8F0F8; } .PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a,
.PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited,
.PostHeaderIcon-wrapper a:hover { font-family: "Trebuchet MS", Arial,
Helvetica, Sans-Serif; font-size: 24px; color: #D8F0F8; } /* end
PostHeaderIcon */ /* begin PostHeader */ .PostHeader a:link {
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: none; text-align: left; color: #C2E7F4; } .PostHeader
a:visited, .PostHeader a.visited { font-family: "Trebuchet MS", Arial,
Helvetica, Sans-Serif; text-decoration: none; text-align: left; color:
#E6F0F5; } .PostHeader a:hover, .PostHeader a.hovered { font-family:
"Trebuchet MS", Arial, Helvetica, Sans-Serif; text-decoration: none;
text-align: left; color: #84B7CD; } /* end PostHeader */ /* begin
PostIcons */ .PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons
a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover {
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif; color:
#FFFFFF; } .PostHeaderIcons a, .PostHeaderIcons a:link,
.PostHeaderIcons a:visited, .PostHeaderIcons a:hover { margin:0; }
.PostHeaderIcons a:link { font-family: Verdana, Geneva, Arial,
Helvetica, Sans-Serif; text-decoration: none; color: #6CC5E5; }
.PostHeaderIcons a:visited, .PostHeaderIcons a.visited
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: none;
color: #6CC5E5;
}
.PostHeaderIcons a:hover, .PostHeaderIcons a.hover
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-decoration: underline;
color: #97D6ED;
}
/* end PostIcons */
/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
color: #CFD7D8;
}
.PostContent
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-align: justify;
color: #CFD7D8;
}
/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #97D6ED;
}
/* Adds special style to an unvisited link. */
a:link
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #97D6ED;
}
/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #9FAFB2;
}
/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #84B7CD;
}
/* Finish Content link style */
/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}
/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 32px;
color: #6CC5E5;
}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 24px;
color: #97D6ED;
}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 19px;
color: #BBC7C9;
}
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 16px;
color: #CFD7D8;
}
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 13px;
color: #CFD7D8;
}
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #CFD7D8;
}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */
/* begin PostBullets */
/* Start Content list */
ul
{
list-style-type: none;
color: #C4CECF;
margin:0;
padding:0;
}
li
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
}
/* Finish Content list */
/* end PostBullets */
/* begin PostQuote */
/* Start blockquote */
blockquote p
{
color:#05141A;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}
blockquote
{
border-color:#9AC4D6;
border-width: 0px;
border-style: solid;
margin:10px 10px 10px 50px;
padding:5px 5px 5px 27px;
background-color:#CCE1EA;
background-image:url('http://www.champroz.com/wp-content/themes/BlueElegance/images/PostQuote.png');
background-position:left top;
background-repeat:no-repeat;
}
/* Finish blockuote */
/* end PostQuote */
/* begin PostMetadata */
.PostMetadataFooter
{
background-color: #CCE1EA;
border-color: #9AC4D6;
border-style: dashed;
border-width: 1px;
padding:3px;
}
/* end PostMetadata */
/* begin PostIcons */
.PostFooterIcons, .PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
color: #5F7477;
}
.PostFooterIcons a, .PostFooterIcons a:link, .PostFooterIcons a:visited, .PostFooterIcons a:hover
{
margin:0;
}
.PostFooterIcons a:link
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #16627E;
}
.PostFooterIcons a:visited, .PostFooterIcons a.visited
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #16627E;
}
.PostFooterIcons a:hover, .PostFooterIcons a.hover
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #1E84A9;
}
/* end PostIcons */
/* begin Button */
button.Button, a.Button
{
position:relative;
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:27px;
margin:0;
padding:0;
overflow: visible;
cursor: default;
text-decoration: none !important;
}
/*This HACK needed for ie7 (button position)*/
*:first-child+html button.Button, *:first-child+html a.Button
{
display:list-item;
list-style-type:none;
float:left;
}
.Button .btn
{
position: relative;
overflow: hidden;
display: block;
width: auto;
z-index: 0;
height: 27px;
color: #293233;
white-space: nowrap;
float: left;
}
.Button .t
{
height:27px;
white-space: normal;
padding: 0 10px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
text-align: left;
line-height: 27px;
text-decoration: none !important;
}
input, select
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
}
.Button .active
{
color: #EDF4F8;
}
.Button .hover,  a.Button:hover
{
color: #0E3D4E;
text-decoration: none !important;
}
.Button .active .r
{
top: -54px;
}
.Button .hover .r
{
top: -27px;
}
.Button .r
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 1px;
height: 81px;
}
.Button .r span
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width:403px;
height: 81px;
}
.Button .active .l
{
top: -54px;
}
.Button .hover .l
{
top: -27px;
}
.Button .l
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
right: 1px;
height: 81px;
}
.Button .l, .Button .r span
{
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Button.png');
}
/* end Button */
/* begin Footer */
.Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 980px;
margin: 5px auto 0px auto;
}
.Footer .Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 15px;
text-align: center;
}
.Footer .Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/Footer.png');
width: 980px;
height: 100px;
bottom:0;
left:0;
}
.rss-tag-icon
{
position: relative;
display:block;
float:left;
background-image: url('http://www.champroz.com/wp-content/themes/BlueElegance/images/rssIcon.png');
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 25px;
width: 32px;
}
.Footer .Footer-text p
{
margin: 0;
}
.Footer .Footer-text
{
display:inline-block;
color:#C6D0D2;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
}
.Footer .Footer-text a:link
{
text-decoration: none;
color: #6EAAC4;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.Footer .Footer-text a:visited
{
text-decoration: none;
color: #26A9D9;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.Footer .Footer-text a:hover
{
text-decoration: none;
color: #92BFD3;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/* end Footer */
/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#589DBB;
}
.page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#7D9397;
}
/* end PageFooter */
/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 686px;
}
/* end LayoutCell */
/* begin LayoutCell */
.contentLayout .sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 293px;
}
/* end LayoutCell */
.commentlist, .commentlist li
{
background: none;
}
.commentlist li li
{
margin-left:30px;
}
.commentlist li .avatar
{
float: right;
border: 1px solid #eee;
padding: 2px;
margin:1px;
background: #fff;
}
.commentlist li cite
{
font-size:1.2em;
}
#commentform textarea
{
width: 100%;
}
img.wp-smiley
{
border:none;
margin:0;
padding:0;
}
.navigation
{
display: block;
text-align: center;
}
/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}
.alignright
{
float: right;
}
.alignright img, img.alignright
{
margin: 1em;
margin-right: 0;
}
.alignleft img, img.alignleft
{
margin: 1em;
margin-left: 0;
}
.wp-caption
{
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text
{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End */
.hidden
{
display: none;
}
/* Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}

Resmi Büyütmek İçin Üzerine Tıklayınız

Tasarımın Üzerineki Bölüme

<div
id="templatemo_container">
<div id="templatemo_header_panel">

<div id="templatemo_site_title">
<h1>Html<span>Şablonkod</span></h1>
<h2>Free Olan Ne Varsa</h2>
</div>
<div id="templatemo_search_box">
<form method="get" action="#">
<input name="keyword" type="text" value="Brknl Arama Motoru..."
id="searchfield"
onfocus_fckprotectedatt="%20onfocus%3D%22clearText(this)%22"
onblur_fckprotectedatt="%20onblur%3D%22clearText(this)%22" />
<input type="submit" name="submit" id="searchbutton" value="" />
</form>
</div>
</div> 
<div id="templatemo_banner_panel">
<div id="templatemo_banner_section">
<h1>Duyuru Panosu</h1>
<p>Siten hakkındaki duyuruları bu kısımdan
vereceksin...</p>
<div class="readmore"><a href="#"
_fcksavedurl="#">Devamı</a></div>
</div> 
<div id="templatemo_menu_section">
<ul>
<li><a href="#" _fcksavedurl="#" class="current">01<span
class="current">Ana Sayfa</span></a></li>
<li><a href="#"
_fcksavedurl="#">02<span>Forum</span></a></li>
<li><a
href="#"
_fcksavedurl="#">03<span>Toplist</span></a></li>
<li><a
href="#"
_fcksavedurl="#">04<span>İletişim</span></a></li>
<li><a
href="#"
_fcksavedurl="#">05<span>Kategori</span></a></li>
<li><a
href="#" _fcksavedurl="#">06<span>Z.
Defteri</span></a></li>
</ul>
</div> 
</div> 
<div id="templatemo_content_top"></div>
<div id="templatemo_content">
<div id="templatemo_content_left">
<h1>www.HTMLSABLONKOD.tr.gg</h1>

Tasarımın Altındaki Bölüme

<div class="cleaner"></div>
</div> 
<div id="templatemo_content_right">
<div class="content_right_product_01">
<h1>Full Package</h1>
<h2>Vivamus felis?</h2>
<ul>
<li>» Eeros ac tincidunt</li>
<li>» Aliquam tristique lacus</li>
<li>» Lacus et dictum tristique</li>
</ul>
<div class="readmore"><a href="#"
_fcksavedurl="#">Details</a></div>
</div>
<div class="content_right_product_02">
<h1>Basic Package</h1>
<h2>Curabitur eleifend?</h2>
<ul>
<li>» Aliquam tristique lacu</li>
<li>» Nunc aliquam dolor vitae</li>
<li>» Quisque facilisis suscipit</li>
</ul>
<div class="readmore"><a href="#"
_fcksavedurl="#">Details</a></div>
</div>
</div> 
</div>
<div id="templatemo_content_bottom"></div>
<div id="templatemo_footer">
<p>Copyright 2009 by <a href='http://www.htmlsablonkod.tr.gg'
_fcksavedurl='http://www.htmlsablonkod.tr.gg'>FREE TASARIM</a>
</div> 

</div>

Css Kod Bölümüne

h1#title{display:
none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*
CSS Credit: http://www.templatemo.com/
*/
body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Verdana, Arial, san-serif;
font-size: 11px;
color: #e4e4e4;
background: #000000;
}
a:link, a:visited { color: #CCFF00; text-decoration: none; font-weight:
normal; }
a:active, a:hover { color: #FFFF00; text-decoration: underline; }
p {
margin: 0px;
padding: 0px;
}
.cleaner {
clear: both;
width: 100%;
height: 1px;
font-size: 1px;
}
.cleaner_with_height {
clear: both;
width: 100%;
height: 30px;
font-size: 1px;
}
.readmore a {
clear: both;
float: left;
height: 21px;
width: 100px;
padding: 2px 0 0 10px;
margin: 0 15px 10px 0;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #ffffff;
border: none;
background:
url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_readmore_button.jpg)
no-repeat;
}
.download a {
clear: both;
float: left;
height: 21px;
width: 100px;
padding: 2px 0 0 10px;
margin: 0 15px 10px 0;
text-align: center;
font-weight: bold;
text-decoration: none;
color: #ffffff;
border: none;
background:
url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_readmore_button.jpg)
no-repeat;
}
#templatemo_container {
width: 960px;
margin: 0 auto;
}
/* header panel */
#templatemo_header_panel {
width: 880px;
height: 80px;
padding: 40px 30px 0px 50px;
background: #202020
url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_header_bg.jpg)
top center no-repeat;
}
#templatemo_header_panel #templatemo_site_title {
float: left;
}
#templatemo_site_title h1 {
font-size: 40px;
margin: 0px;
padding: 10px 0;
color: #218dfb;
}
#templatemo_site_title h1 span {
color: #fff;
}
#templatemo_site_title h2 {
font-size: 16px;
color: #878181;
margin: 0px;
padding: 0px;
font-weight: normal;
}
#templatemo_header_panel #templatemo_search_box {
float: right;
}
#templatemo_search_box form {
margin: 0;
padding: 0;
text-align: left;
}
#searchfield {
border: 1px solid #767676;
background: #434343;
color: #ffffff;
font-size: 12px;
font-variant: normal;
height: 15px;
line-height: normal;
padding: 4px;
width: 180px;
}
#templatemo_search_box form #searchbutton {
cursor: pointer;
font-size: 12px;
font-weight: bold;
height: 25px;
margin: 0 0 0 7px;
padding: 0 6px;
text-align: center;
vertical-align: bottom;
white-space: pre;
width: 50px;
background:url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_go_button.jpg)
no-repeat;
border: 0px;
}
/* end of header panel */
/* banner panel */
#templatemo_banner_panel {
width: 880px;
height: 263px;
padding: 0px 30px 0px 50px;
background: #000000
url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_banner_bg.jpg)
top center no-repeat;
}
#templatemo_banner_panel #templatemo_banner_section {
float: left;
padding-top: 40px;
width: 370px;
}
#templatemo_banner_section h1 {
font-size: 24px;
color: #0fb1cb;
margin: 0px;
padding: 5px 0 30px 0;
}
#templatemo_banner_section p {
padding-bottom: 30px;
}
#templatemo_banner_panel #templatemo_menu_section {
float: right;
width: 220px;
padding: 5px 15px 0px 15px;
}
#templatemo_menu_section ul {
clear: both;
margin: 0px;
padding: 0px;
padding-top: 10px;
list-style: none;
}
#templatemo_menu_section ul li {
height: 13px;
padding: 12px 0px 10px 7px;
font-weight: bold;
margin: 0px 0px 5px 0px;
background:
url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_menu_item_bg.jpg)
left bottom no-repeat;
}
#templatemo_menu_section ul li a {
margin: 0px;
padding: 0px;
font-size: 18px;
font-weight: bold;
color: #2bb9ec;
}
#templatemo_menu_section ul li a span {
margin: 0px;
padding: 0px;
margin-left: 50px;
font-size: 13px;
font-weight: bold;
color: #2bb9ec;
}
#templatemo_menu_section ul li a span:hover {
color: #fff;
}
#templatemo_menu_section li a:hover, #templatemo_menu_section li
.current {
color: #fff;
text-decoration: none;
}
/* end of banner panel */
/* content */
#templatemo_content_top {
clear: both;
width: 960px;
height: 30px;
background:
url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_content_top.jpg)
top center no-repeat;
}
#templatemo_content {
clear: both;
overflow: hidden;
width: 880px;
padding: 10px 20px 0 40px;
margin: 0 10px;
background-color: #1f1f1f;
}
#templatemo_content_bottom {
clear: both;
width: 960px;
height: 30px;
background:
url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_content_bottom.jpg)
top center no-repeat;
}
/* content left */
#templatemo_content #templatemo_content_left {
float: left;
width: 580px;
}
#templatemo_content_left h1 {
font-size: 22px;
color: #218dfb;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #000000;
}
#templatemo_content_left p {
padding-bottom: 10px;
text-align: justify;
}
#templatemo_content_left .content_left_two_column {
float: left;
width: 270px;
margin-right: 20px;
}
.content_left_two_column h2 {
color: #20d1ee;
font-size: 18px;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
border-bottom: 1px dotted #000000;
font-weight: normal;
}
.content_left_two_column h3 {
margin: 0px;
padding: 0px;
font-size: 12px;
font-weight: bold;
}
.content_left_two_column h4 {
margin: 0px;
padding: 0px;
font-size: 12px;
font-weight: normal;
}
/* end of content left */
/* content right */
#templatemo_content #templatemo_content_right {
float: right;
width: 250px;
padding-top: 20px;
}
#templatemo_content_right h1 {
font-size: 18px;
font-weight: bold;
margin: 0 0 30px 0;
padding: 0px;
}
#templatemo_content_right h2 {
font-size: 12px;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0px;
}
#templatemo_content_right ul {
margin: 0 0 10px 0;
padding: 0px;
}
#templatemo_content_right ul li {
margin: 0 0 0 5px;
padding: 0 0 5px 5px;
list-style: none;
}
#templatemo_content_right .content_right_product_01 {
clear: both;
height: 182px;
padding: 18px 10px 0 10px;
margin-bottom: 15px;
background:
url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_product_01_bg.jpg)
no-repeat;
}
#templatemo_content_right .content_right_product_02 {
clear: both;
height: 182px;
padding: 18px 10px 0 10px;
background:
url(http://www.templatemo.com/templates/templatemo_092_software/images/templatemo_produc_02_bg.jpg)
no-repeat;
}
/* end of content right */
/* end of content */
/* ----- Footer ----- */
#templatemo_footer {
clear: both;
padding: 10px;
width: 940px;
text-align: center;
text-align: center;
}
#templatemo_footer a {
color: #fff;
font-weight: normal;
}
#templatemo_footer a:hover {
color: #CCFF00;
}
/* ----- End of Footer ----- */

Resmi Büyütmek İçin Üzerine Tıklayınız

Tasarımın Üzerineki Bölüme

<table
width="832" border="0" align="center" cellpadding="0" cellspacing="0"
class="menufull">
<tr>
<td><table width="832" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td><table width="100%" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td class="menutop"><table width="832" border="0"
cellspacing="0" cellpadding="0">
<tr>
<td width="462" bgcolor="#DFEFFF" class="menualtcizgi"><img
src="https://img.webme.com/pic/t/tepebag-lisesi/logo.jpg"
_fcksavedurl="https://img.webme.com/pic/t/tepebag-lisesi/logo.jpg"
width="197" height="26" /></td>
<td width="370" bgcolor="#DFEFFF" class="menualtcizgi"><div
align="right"><strong><a target="_blank"
href="http://74.125.39.132/translate_c?hl=tr&ie=UTF-8&sl=tr&tl=en&u=http://BURAYA
SİTENİZİ
YAZIN/&prev=_t&rurl=translate.google.com.tr&usg=ALkJrhjQ6myko9j1h3RGHoqiJOBdW06QtQ"
_fcksavedurl="http://74.125.39.132/translate_c?hl=tr&ie=UTF-8&sl=tr&tl=en&u=http://BURAYA
SİTENİZİ
YAZIN/&prev=_t&rurl=translate.google.com.tr&usg=ALkJrhjQ6myko9j1h3RGHoqiJOBdW06QtQ">ENGLISH</a>
| <a href="http://www.bedava-sitem.com/editpage.php#top"
_fcksavedurl="http://www.bedava-sitem.com/editpage.php#top"
target="_blank">Yönetim Paneli
</a></strong></div></td>
</tr>
<tr>
<td colspan="2"><img
src="https://img.webme.com/pic/p/prohtmlmania/yazi17.jpg"
_fcksavedurl="https://img.webme.com/pic/p/prohtmlmania/yazi17.jpg"
width="832" height="120" /></td>
</tr>
</table></td>
</tr>
<tr>
<td><div class="menum">
<table width="100%" border="0" cellpadding="0" cellspacing="0"
class="menum">
<tr align="center">
<td bgcolor="#99CCFF" class="menunavsol"><a
href="/home.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/home.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f">Ana
Sayfa </a></td>
<td bgcolor="#99CCFF" class="menunav"><a
href="/tanitim.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/tanitim.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f">Tanıtım
</a></td>
<td bgcolor="#99CCFF" class="menunav"><a
href="/foto.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/foto.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f">Resim
Galerisi </a></td>
<td bgcolor="#99CCFF" class="menunav"><a
href="/video.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/video.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f">Video
Galerisi </a></td>
<td bgcolor="#99CCFF" class="menunav"><a
href="/etkinlikler.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/etkinlikler.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f">Etkinlikler
</a></td>
<td bgcolor="#99CCFF" class="menunav"><a
href="/anketler.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/anketler.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f">Anketler
</a></td>
<td bgcolor="#99CCFF" class="menunav"><a
href="/iletisim.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/iletisim.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f">İletişim</a></td>
<td
bgcolor="#99CCFF" class="menunav"><a
href="/bilgi.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/bilgi.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f">Bilgi
Edinme </a></td>
</tr>
</table></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td valign="top"><form action="http://www.google.com/custom"
method="get" target="_blank"><input type="hidden"
name="PHPSESSID" value="811dced6e87737d9ea8c15ad5e15da6f" />
<table width="100%" border="0" cellpadding="5" cellspacing="1">
<tr>
<td width="200" bgcolor="#DFEFFF" class="menu"><strong> Ara
<input name="q" type="text" class="formelement" id="q" size="15"
/>
<input name="Submit" type="submit" class="arabuton" value=" " />
<input type="hidden" name="sitesearch" value="meb.gov.tr" />
</input>
<input type="hidden" name="client" value="pub-" />
<input type="hidden" name="forid" value="1" />
</input>
<strong>
<input type="hidden" name="ie" value="windows-1254" />
</strong>
</input>
<input type="hidden" name="oe" value="windows-1254" />
</input>
<input type="hidden" name="cof"
value="AH:left;LH:37;L:http://www.meb.gov.tr/image/logo/logo1.gif;LW:50;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;"
/>
</input>
<input type="hidden" name="hl" value="tr" />
</strong></td>
</tr>
<tr>
<td class="menu"><p class="style2">
<FCK:object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
width="145" height="120">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie"
value="http://www.meb.gov.tr/haberler/xml/swf/145-120/145-120-11.swf?param=1"
/>
<param name="quality" value="high" />
<FCK:embed
src="http://www.meb.gov.tr/haberler/xml/swf/145-120/145-120-11.swf"
quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash" width="145" height="120"
allowScriptAccess="sameDomain"></FCK:embed>
</FCK:object>
</p>
</td>
</tr>
<tr>
<td bgcolor="#DFEFFF" class="menu"><span
class="style1">Bağlantılar</span></td>
</tr>
<tr>
<td class="menu"><ul>
<li class="im3"><a
href="http://www.meb.gov.tr/belirligunler/ataturk/ata.html"
_fcksavedurl="http://www.meb.gov.tr/belirligunler/ataturk/ata.html">Atatürk
</a></li>
<li class="im3"><a
href="http://adana.meb.gov.tr/ana/index.asp?id=1"
_fcksavedurl="http://adana.meb.gov.tr/ana/index.asp?id=1">Adana İMEM
</a></li>
<li class="im3"><a
href="http://e-okul.meb.gov.tr/Ilkogretim/Veli/iov00001.aspx"
_fcksavedurl="http://e-okul.meb.gov.tr/Ilkogretim/Veli/iov00001.aspx">E-Okul
</a></li>
<li class="im3"><a href="http://tckimlik.nvi.gov.tr/"
_fcksavedurl="http://tckimlik.nvi.gov.tr/">T.C. Kimlik No
</a></li>
<li class="im3"><a href="http://rega.basbakanlik.gov.tr/"
_fcksavedurl="http://rega.basbakanlik.gov.tr/">Resmi Gazete
</a></li>
<li class="im3"><a
href="http://www.meb.gov.tr/haberler/index.asp"
_fcksavedurl="http://www.meb.gov.tr/haberler/index.asp">MEB
Haberler</a></li>
<li class="im3"><a href="http://www.osym.gov.tr/"
_fcksavedurl="http://www.osym.gov.tr/">ÖSYM</a></li>
</ul></td>
</tr>
</table>
</form></td>
<td valign="top" class="menuorta">  <div id="container">
<div id="header_container">
<div id="pre_header"></div>
<div class="header"><h1
id="header"><span>PERDELER</span></h1></div>
<div id="post_header"></div>
</div>
<div id="nav_container">
<h2 id="nav_heading"><span></span></h2>
<ul id="nav">
<li class="nav_element checked_menu" id="nav_Anasayfa">
<a href="/Anasayfa.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Anasayfa.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Anasayfa</span></a></li>
<li class="nav_element" id="nav_WebTasar305mKodlar305">
<a
href="/%3D%3EWeb-Tasar%26%23305%3Bm-Kodlar%26%23305%3B%3C%3D.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/%3D%3EWeb-Tasar%26%23305%3Bm-Kodlar%26%23305%3B%3C%3D.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>=>Web Tasarım
Kodları<=</span></a></li>
<li class="nav_element" id="nav_Program304ndir">
<a
href="/Program-%3D%3E-%26%23304%3Bndir-%3C%3D.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Program-%3D%3E-%26%23304%3Bndir-%3C%3D.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Program => İndir
<=</span></a></li>
<li class="nav_element" id="nav_E287lence">
<a
href="/E%26%23287%3Blence.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/E%26%23287%3Blence.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Eğlence</span></a></li>
<li class="nav_element" id="nav_S304TEN304Z304HEMENEKLEY304N">
<a
href="/S%26%23304%3BTEN%26%23304%3BZ%26%23304%3B-HEMEN-EKLEY%26%23304%3BN.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/S%26%23304%3BTEN%26%23304%3BZ%26%23304%3B-HEMEN-EKLEY%26%23304%3BN.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>SİTENİZİ HEMEN
EKLEYİN</span></a></li>
<li class="nav_element" id="nav_Yasakl305siteleregir">
<a
href="/Yasakl%26%23305%3B-sitelere-gir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Yasakl%26%23305%3B-sitelere-gir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Yasaklı
sitelere gir</span></a></li>
<li class="nav_element" id="nav_Aramamotoru">
<a
href="/Arama_motoru.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Arama_motoru.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Arama-motoru</span></a></li>
<li
class="nav_element" id="nav_Msnhtmlkodu">
<a
href="/Msn-html-kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Msn-html-kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Msn html
kodu</span></a></li>
<li class="nav_element" id="nav_SiteneBayrakKodu">
<a
href="/Sitene-Bayrak-Kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-Bayrak-Kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Bayrak
Kodu</span></a></li>
<li class="nav_element" id="nav_SiteneDogumGnHesaplay305c305">
<a
href="/Sitene-Dogum-G.ue.n.ue.-Hesaplay%26%23305%3Bc%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-Dogum-G.ue.n.ue.-Hesaplay%26%23305%3Bc%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Dogum Günü
Hesaplayıcı</span></a></li>
<li class="nav_element" id="nav_SiteneGazeteEkle">
<a
href="/Sitene-Gazete-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-Gazete-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Gazete
Ekle</span></a></li>
<li class="nav_element" id="nav_SiteneSporHaberleri">
<a
href="/Sitene-Spor-Haberleri.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-Spor-Haberleri.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Spor
Haberleri</span></a></li>
<li class="nav_element" id="nav_SiteneTelevizyon">
<a
href="/Sitene-Televizyon-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-Televizyon-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Televizyon
</span></a></li>
<li class="nav_element" id="nav_TVDEBUGNKODU">
<a
href="/TV-DE-BUG-Ue-N-KODU-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/TV-DE-BUG-Ue-N-KODU-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>TV DE BUGÜN KODU
</span></a></li>
<li class="nav_element" id="nav_SiteneGnlkBurlar">
<a
href="/Sitene-G.ue.nl.ue.k-Bur%E7lar.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-G.ue.nl.ue.k-Bur%E7lar.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Günlük
Burçlar</span></a></li>
<li class="nav_element" id="nav_SiteneRyaTabiri">
<a
href="/Sitene-R.ue.ya-Tabiri.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-R.ue.ya-Tabiri.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Rüya
Tabiri</span></a></li>
<li class="nav_element" id="nav_Siteneligpuandurumu">
<a
href="/Sitene--lig-puan-durumu-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene--lig-puan-durumu-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene lig puan durumu
</span></a></li>
<li class="nav_element" id="nav_EdevletLinklerihtmlkodu">
<a
href="/E_devlet-Linkleri-html-kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/E_devlet-Linkleri-html-kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>E-devlet Linkleri html
kodu</span></a></li>
<li class="nav_element" id="nav_Sayfaefekthtmlkodlari">
<a
href="/Sayfa-efekt-html-kodlari.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sayfa-efekt-html-kodlari.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sayfa efekt html
kodlari</span></a></li>
<li class="nav_element" id="nav_SiteneSondakikahaber">
<a
href="/Sitene-Son-dakika-haber-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-Son-dakika-haber-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Son dakika haber
</span></a></li>
<li class="nav_element" id="nav_Spor">
<a href="/Spor.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Spor.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Spor</span></a></li>
<li class="nav_element"
id="nav_Siteninarkaplan305n305de287i351tir">
<a
href="/Sitenin-arka-plan%26%23305%3Bn%26%23305%3B-de%26%23287%3Bi%26%23351%3Btir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitenin-arka-plan%26%23305%3Bn%26%23305%3B-de%26%23287%3Bi%26%23351%3Btir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitenin arka planını
değiştir</span></a></li>
<li class="nav_element" id="nav_SitenPageRankEkle">
<a
href="/Siten-PageRank-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Siten-PageRank-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Siten PageRank
Ekle</span></a></li>
<li class="nav_element" id="nav_Do287du287unGnBul">
<a
href="/Do%26%23287%3Bdu%26%23287%3Bun-G.ue.n.ue.-Bul.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Do%26%23287%3Bdu%26%23287%3Bun-G.ue.n.ue.-Bul.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Doğduğun Günü
Bul</span></a></li>
<li class="nav_element" id="nav_MsnNickOlu351turucu">
<a
href="/Msn-Nick-Olu%26%23351%3Bturucu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Msn-Nick-Olu%26%23351%3Bturucu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Msn Nick
Oluşturucu</span></a></li>
<li class="nav_element" id="nav_YerLiAramaMoToRLaR305">
<a
href="/-YerLi--Arama-MoToRLaR%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/-YerLi--Arama-MoToRLaR%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span> YerLi Arama
MoToRLaRı</span></a></li>
<li class="nav_element"
id="nav_Aktifziyaretcisayisinigsterenkod">
<a
href="/-Aktif-ziyaretci-sayisini-g.oe.steren-kod-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/-Aktif-ziyaretci-sayisini-g.oe.steren-kod-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span> Aktif ziyaretci sayisini gösteren kod
</span></a></li>
<li class="nav_element" id="nav_Cokgzelbirsitegirisi">
<a
href="/Cok-g.ue.zel-bir-site-girisi--ar--.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Cok-g.ue.zel-bir-site-girisi--ar--.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Cok güzel bir site girisi !
</span></a></li>
<li class="nav_element" id="nav_Sayfayianimasyonluamak">
<a
href="/Sayfayi-animasyonlu-a%E7mak--.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sayfayi-animasyonlu-a%E7mak--.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sayfayi animasyonlu açmak
</span></a></li>
<li class="nav_element" id="nav_Fareninetraf305ndaismindnsn">
<a
href="/Farenin-etraf%26%23305%3Bnda-ismin-d.oe.ns.ue.n-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Farenin-etraf%26%23305%3Bnda-ismin-d.oe.ns.ue.n-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Farenin etrafında ismin dönsün
</span></a></li>
<li class="nav_element" id="nav_Sitendeoksperbirsaatolsun">
<a
href="/Sitende-%E7ok-s.ue.per-bir-saat-olsun-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitende-%E7ok-s.ue.per-bir-saat-olsun-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitende çok süper bir saat olsun
</span></a></li>
<li class="nav_element" id="nav_Superbirmen">
<a
href="/Super-bir-men.ue.-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Super-bir-men.ue.-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Super bir menü
</span></a></li>
<li class="nav_element" id="nav_SaatKodlar305okManyak">
<a
href="/Saat-Kodlar%26%23305%3B-%C7ok-Manyak.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Saat-Kodlar%26%23305%3B-%C7ok-Manyak.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Saat Kodları Çok
Manyak</span></a></li>
<li class="nav_element" id="nav_Googlekay305t">
<a
href="/Google-kay%26%23305%3Bt.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Google-kay%26%23305%3Bt.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Google
kayıt</span></a></li>
<li class="nav_element" id="nav_RenkGsterimAlan305">
<a
href="/Renk-G.oe.sterim-Alan%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Renk-G.oe.sterim-Alan%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Renk Gösterim
Alanı</span></a></li>
<li class="nav_element" id="nav_SiteninPageRank305">
<a
href="/Sitenin-Page-Rank%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitenin-Page-Rank%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitenin Page
Rankı</span></a></li>
<li class="nav_element" id="nav_Userbarlar">
<a
href="/Userbar-h-lar.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Userbar-h-lar.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Userbar'lar</span></a></li>
<li
class="nav_element" id="nav_Siteneresimlinamazanlat305m305">
<a
href="/Sitene-resimli-namaz-anlat%26%23305%3Bm%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-resimli-namaz-anlat%26%23305%3Bm%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene resimli namaz
anlatımı</span></a></li>
<li class="nav_element" id="nav_Sitenedinikodlarekle">
<a
href="/Sitene-dini-kodlar-ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-dini-kodlar-ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene dini kodlar
ekle</span></a></li>
<li class="nav_element" id="nav_Kendiradyonukur">
<a
href="/Kendi-radyonu-kur.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kendi-radyonu-kur.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kendi radyonu
kur</span></a></li>
<li class="nav_element" id="nav_SitenizeReklamAlanlari">
<a
href="/Sitenize-Reklam-Alanlari.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitenize-Reklam-Alanlari.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitenize Reklam
Alanlari</span></a></li>
<li class="nav_element" id="nav_SiteneEgitimHaberleri">
<a
href="/Sitene-Egitim-Haberleri.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-Egitim-Haberleri.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Egitim
Haberleri</span></a></li>
<li class="nav_element" id="nav_Sitenizeparakazand305ranreklam">
<a
href="/Sitenize-para-kazand%26%23305%3Bran--reklam.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitenize-para-kazand%26%23305%3Bran--reklam.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitenize para kazandıran
reklam</span></a></li>
<li class="nav_element" id="nav_SiteneOsmanlidaGiyinim">
<a
href="/Sitene-Osmanlida-Giyinim.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-Osmanlida-Giyinim.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Osmanlida
Giyinim</span></a></li>
<li class="nav_element" id="nav_SiteneRadyoEkle">
<a
href="/Sitene-Radyo-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-Radyo-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Radyo
Ekle</span></a></li>
<li class="nav_element" id="nav_BannerYap">
<a href="/Banner-Yap.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Banner-Yap.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Banner
Yap</span></a></li>
<li class="nav_element" id="nav_DuyuruPanosu">
<a
href="/Duyuru-Panosu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Duyuru-Panosu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Duyuru
Panosu</span></a></li>
<li class="nav_element" id="nav_SiteneSAHiP305K">
<a
href="/Sitene-SAHiP-%C7%26%23305%3BK.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-SAHiP-%C7%26%23305%3BK.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene SAHiP
ÇıK</span></a></li>
<li class="nav_element" id="nav_GoogleAramaMotoruEkle">
<a
href="/Google-Arama-Motoru-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Google-Arama-Motoru-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Google Arama Motoru
Ekle</span></a></li>
<li class="nav_element" id="nav_MauseEfektKodlari">
<a
href="/Mause-Efekt-Kodlari.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Mause-Efekt-Kodlari.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Mause Efekt
Kodlari</span></a></li>
<li class="nav_element" id="nav_Javascript2Kodlar305">
<a
href="/Javascript2-Kodlar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Javascript2-Kodlar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Javascript2
Kodları</span></a></li>
<li class="nav_element" id="nav_JavascriptKodlari">
<a
href="/Javascript-Kodlari.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Javascript-Kodlari.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Javascript
Kodlari</span></a></li>
<li class="nav_element" id="nav_350iirlerKodu">
<a
href="/%26%23350%3Biirler-Kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/%26%23350%3Biirler-Kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Şiirler
Kodu</span></a></li>
<li class="nav_element" id="nav_FlashOyunKodlari">
<a
href="/Flash-Oyun-Kodlari.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Flash-Oyun-Kodlari.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Flash Oyun
Kodlari</span></a></li>
<li class="nav_element" id="nav_100TemelEserKodu">
<a
href="/100-Temel-Eser-Kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/100-Temel-Eser-Kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>100 Temel Eser
Kodu</span></a></li>
<li class="nav_element" id="nav_EnYeniKodlar">
<a
href="/En-Yeni-Kodlar.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/En-Yeni-Kodlar.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>En Yeni
Kodlar</span></a></li>
<li class="nav_element" id="nav_SiteneyelikEkle">
<a
href="/Sitene-.ue.yelik-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-.ue.yelik-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene üyelik
Ekle</span></a></li>
<li class="nav_element" id="nav_SinePE">
<a href="/Sine-.-PE.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sine-.-PE.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sine.PE</span></a></li>
<li class="nav_element" id="nav_SihirbazMerlinKodlar305">
<a
href="/Sihirbaz-Merlin-Kodlar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sihirbaz-Merlin-Kodlar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sihirbaz Merlin
Kodları</span></a></li>
<li class="nav_element" id="nav_SiteneVideoArama">
<a
href="/Sitene-Video-Arama.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-Video-Arama.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Video
Arama</span></a></li>
<li class="nav_element" id="nav_MiniKlipEkle">
<a
href="/Mini-Klip-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Mini-Klip-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Mini Klip
Ekle</span></a></li>
<li class="nav_element" id="nav_AnimasyonKodlari">
<a
href="/Animasyon-Kodlari.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Animasyon-Kodlari.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Animasyon
Kodlari</span></a></li>
<li class="nav_element" id="nav_BorsaVeDvizKodlar305">
<a
href="/Borsa-Ve-D.oe.viz-Kodlar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Borsa-Ve-D.oe.viz-Kodlar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Borsa Ve Döviz
Kodları</span></a></li>
<li class="nav_element" id="nav_PeygamberlerTarihi">
<a
href="/Peygamberler-Tarihi.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Peygamberler-Tarihi.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Peygamberler
Tarihi</span></a></li>
<li class="nav_element" id="nav_SiteneizgiFilmEkle">
<a
href="/Sitene-%C7izgi-Film-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-%C7izgi-Film-Ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Çizgi Film
Ekle</span></a></li>
<li class="nav_element" id="nav_KodAr351ivi1">
<a
href="/Kod-Ar%26%23351%3Bivi-1.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kod-Ar%26%23351%3Bivi-1.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kod Arşivi
1</span></a></li>
<li class="nav_element" id="nav_KodAr351ivi2">
<a
href="/Kod-Ar%26%23351%3Bivi-2.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kod-Ar%26%23351%3Bivi-2.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kod Arşivi
2</span></a></li>
<li class="nav_element" id="nav_KodAr351ivi3">
<a
href="/Kod-Ar%26%23351%3Bivi-3.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kod-Ar%26%23351%3Bivi-3.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kod Arşivi
3</span></a></li>
<li class="nav_element" id="nav_KodAr351ivi4">
<a
href="/Kod-Ar%26%23351%3Bivi-4.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kod-Ar%26%23351%3Bivi-4.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kod Arşivi
4</span></a></li>
<li class="nav_element" id="nav_KodAr351ivi5">
<a
href="/Kod-Ar%26%23351%3Bivi-5.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kod-Ar%26%23351%3Bivi-5.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kod Arşivi
5</span></a></li>
<li class="nav_element" id="nav_KodAr351ivi6">
<a
href="/Kod-Ar%26%23351%3Bivi-6.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kod-Ar%26%23351%3Bivi-6.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kod Arşivi
6</span></a></li>
<li class="nav_element" id="nav_KodAr351ivi7">
<a
href="/Kod-Ar%26%23351%3Bivi-7.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kod-Ar%26%23351%3Bivi-7.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kod Arşivi
7</span></a></li>
<li class="nav_element" id="nav_KodArsivi8">
<a
href="/Kod-Arsivi-8.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kod-Arsivi-8.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kod Arsivi
8</span></a></li>
<li class="nav_element" id="nav_KodAr351ivi9">
<a
href="/Kod-Ar%26%23351%3Bivi-9.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kod-Ar%26%23351%3Bivi-9.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kod Arşivi
9</span></a></li>
<li class="nav_element" id="nav_KodAr351ivi10">
<a
href="/Kod-Ar%26%23351%3Bivi-10.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kod-Ar%26%23351%3Bivi-10.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kod Arşivi
10</span></a></li>
<li class="nav_element" id="nav_KodAr351ivi11">
<a
href="/Kod-Ar%26%23351%3Bivi-11.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kod-Ar%26%23351%3Bivi-11.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kod Arşivi
11</span></a></li>
<li class="nav_element" id="nav_KodAr351ivi12">
<a
href="/Kod-Ar%26%23351%3Bivi-12.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kod-Ar%26%23351%3Bivi-12.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kod Arşivi
12</span></a></li>
<li class="nav_element" id="nav_ileti351im">
<a
href="/ileti%26%23351%3Bim.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/ileti%26%23351%3Bim.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>iletişim</span></a></li>
<li class="nav_element" id="nav_Anasayfam305nKodu">
<a
href="/Anasayfam%26%23305%3Bn-Kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Anasayfam%26%23305%3Bn-Kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Anasayfamın
Kodu</span></a></li>
<li class="nav_element" id="nav_304srailBoykot">
<a href="/%26%23304%3Bsrail-Boykot.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/%26%23304%3Bsrail-Boykot.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>İsrail
Boykot</span></a></li>
<li class="nav_element" id="nav_CssTasar305mNas305lYap305l305r">
<a
href="/Css-Tasar%26%23305%3Bm-Nas%26%23305%3Bl-Yap%26%23305%3Bl%26%23305%3Br.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Css-Tasar%26%23305%3Bm-Nas%26%23305%3Bl-Yap%26%23305%3Bl%26%23305%3Br.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Css Tasarım Nasıl
Yapılır</span></a></li>
<li class="nav_element" id="nav_PerdelerARAMAMOTORU">
<a
href="/Perdeler-ARAMA-MOTORU.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Perdeler-ARAMA-MOTORU.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Perdeler ARAMA
MOTORU</span></a></li>
<li class="nav_element" id="nav_Yenisayfan305nba351l305287305">
<a
href="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Yeni-sayfan%26%23305%3Bn-ba%26%23351%3Bl%26%23305%3B%26%23287%3B%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Yeni sayfanın
başlığı</span></a></li>
<li class="nav_element" id="nav_CHATODASI">
<a href="/CHAT-ODASI.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/CHAT-ODASI.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>CHAT
ODASI</span></a></li>
<li class="nav_element" id="nav_SiteneSondakika46">
<a
href="/Sitene-Sondakika-46.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sitene-Sondakika-46.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sitene Sondakika
46</span></a></li>
<li class="nav_element" id="nav_OYUN304ND304R">
<a
href="/OYUN-%26%23304%3BND%26%23304%3BR.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/OYUN-%26%23304%3BND%26%23304%3BR.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>OYUN
İNDİR</span></a></li>
<li class="nav_element" id="nav_OyunKodu">
<a href="/Oyun-Kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Oyun-Kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Oyun Kodu</span></a></li>
<li class="nav_element" id="nav_Haftan305nVideosu">
<a
href="/Haftan%26%23305%3Bn-Videosu-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Haftan%26%23305%3Bn-Videosu-.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Haftanın Videosu
</span></a></li>
<li class="nav_element" id="nav_CssTasar305mlar">
<a
href="/Css-Tasar%26%23305%3Bmlar.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Css-Tasar%26%23305%3Bmlar.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Css
Tasarımlar</span></a></li>
<li class="nav_element" id="nav_GoogleSiteDo287rulama">
<a
href="/Google-Site-Do%26%23287%3Brulama.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Google-Site-Do%26%23287%3Brulama.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Google Site
Doğrulama</span></a></li>
<li class="nav_element" id="nav_304nternetTarihi">
<a
href="/%26%23304%3Bnternet-Tarihi.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/%26%23304%3Bnternet-Tarihi.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>İnternet
Tarihi</span></a></li>
<li class="nav_element" id="nav_GoogleAdsenseNedir">
<a
href="/Google-Adsense-Nedir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Google-Adsense-Nedir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Google Adsense
Nedir</span></a></li>
<li class="nav_element" id="nav_HitArtt305rman305nYollar305">
<a
href="/Hit-Artt%26%23305%3Brman%26%23305%3Bn-Yollar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Hit-Artt%26%23305%3Brman%26%23305%3Bn-Yollar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Hit Arttırmanın
Yolları</span></a></li>
<li class="nav_element" id="nav_JavaScriptNedir">
<a href="/Java-Script-Nedir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Java-Script-Nedir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Java Script
Nedir</span></a></li>
<li class="nav_element" id="nav_PhpNedir">
<a href="/Php-Nedir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Php-Nedir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Php Nedir</span></a></li>
<li class="nav_element" id="nav_HtmlNedir">
<a href="/Html-Nedir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Html-Nedir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Html
Nedir</span></a></li>
<li class="nav_element" id="nav_OrcNedir">
<a href="/Orc-Nedir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Orc-Nedir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Orc Nedir</span></a></li>
<li class="nav_element" id="nav_OyunKodlar305">
<a
href="/Oyun-Kodlar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Oyun-Kodlar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Oyun
Kodları</span></a></li>
<li class="nav_element" id="nav_ZiyaretiDefteri">
<a
href="/Ziyaret%E7i-Defteri.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Ziyaret%E7i-Defteri.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span><font color=#31E40E>Ziyaretçi
Defteri</font></span></a></li>
<li class="nav_element" id="nav_Mzikler">
<a
href="/M.ue.zikler.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/M.ue.zikler.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Müzikler</span></a></li>
<li class="nav_element" id="nav_GoogleLogosuOlu351tur">
<a
href="/Google-Logosu-Olu%26%23351%3Btur.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Google-Logosu-Olu%26%23351%3Btur.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Google Logosu
Oluştur</span></a></li>
<li class="nav_element" id="nav_cretsizwebsayalar305">
<a
href="/.ue.cretsiz-web-saya%E7lar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/.ue.cretsiz-web-saya%E7lar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>ücretsiz web
sayaçları</span></a></li>
<li class="nav_element" id="nav_Kuransurelerikoduekle">
<a
href="/Kur-h-an-sureleri-kodu-ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Kur-h-an-sureleri-kodu-ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Kur'an sureleri kodu
ekle</span></a></li>
<li class="nav_element" id="nav_KOM304KFIKRALARKODU">
<a
href="/KOM%26%23304%3BK-FIKRALAR-KODU.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/KOM%26%23304%3BK-FIKRALAR-KODU.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>KOMİK FIKRALAR
KODU</span></a></li>
<li class="nav_element" id="nav_PROGRAMARAMAMOTORUkoduekle">
<a
href="/-PROGRAM-ARAMA-MOTORU-kodu-ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/-PROGRAM-ARAMA-MOTORU-kodu-ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span> PROGRAM ARAMA MOTORU kodu
ekle</span></a></li>
<li class="nav_element" id="nav_bili351imhaberlerikodu">
<a
href="/bili%26%23351%3Bim-haberleri-kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/bili%26%23351%3Bim-haberleri-kodu.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>bilişim haberleri
kodu</span></a></li>
<li class="nav_element" id="nav_siteneemailgifleriekle">
<a
href="/sitene-e_mail-gifleri-ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/sitene-e_mail-gifleri-ekle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>sitene e-mail gifleri
ekle</span></a></li>
<li class="nav_element" id="nav_Oyun304ndir">
<a
href="/Oyun-%26%23304%3Bndir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Oyun-%26%23304%3Bndir.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Oyun
İndir</span></a></li>
<li class="nav_element" id="nav_WebdeMsn">
<a href="/Webde-Msn.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Webde-Msn.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Webde Msn</span></a></li>
<li class="nav_element" id="nav_MetaTagOlu351tur">
<a
href="/Meta-Tag-Olu%26%23351%3Btur.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Meta-Tag-Olu%26%23351%3Btur.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Meta Tag
Oluştur</span></a></li>
<li class="nav_element" id="nav_SayaServisi">
<a
href="/Saya%E7-Servisi.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Saya%E7-Servisi.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Sayaç
Servisi</span></a></li>
<li class="nav_element" id="nav_DuvaraYaz305">
<a
href="/Duvara-Yaz%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Duvara-Yaz%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Duvara
Yazı</span></a></li>
<li class="nav_element" id="nav_GerekliSiteler">
<a
href="/Gerekli-Siteler.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Gerekli-Siteler.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Gerekli
Siteler</span></a></li>
<li class="nav_element" id="nav_MzikDinle">
<a
href="/M.ue.zik-Dinle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/M.ue.zik-Dinle.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Müzik
Dinle</span></a></li>
<li class="nav_element" id="nav_EnnlhtmlKodlar305">
<a
href="/En--Ue-nl.ue.-html-Kodlar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/En--Ue-nl.ue.-html-Kodlar%26%23305%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>En Ünlü html
Kodları</span></a></li>
<li class="nav_element" id="nav_ByklerinMiniBelgeselleri">
<a
href="/-Ue-%E7-B.ue.y.ue.klerin-Mini-Belgeselleri.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/-Ue-%E7-B.ue.y.ue.klerin-Mini-Belgeselleri.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Üç Büyüklerin Mini
Belgeselleri</span></a></li>
<li class="nav_element" id="nav_BannerTakas">
<a
href="/Banner-Takas.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Banner-Takas.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Banner
Takas</span></a></li>
<li class="nav_element" id="nav_PhotoshopVideo">
<a
href="/Photoshop-Video.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Photoshop-Video.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Photoshop
Video</span></a></li>
<li class="nav_element" id="nav_PhotoshopResimli">
<a
href="/Photoshop-Resimli.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Photoshop-Resimli.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Photoshop
Resimli</span></a></li>
<li class="nav_element" id="nav_PhotoshopFralar">
<a
href="/Photoshop-F%FDr%E7alar%FD.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Photoshop-F%FDr%E7alar%FD.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Photoshop
Fırçaları</span></a></li>
<li class="nav_element" id="nav_304conlar">
<a
href="/%26%23304%3Bconlar.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/%26%23304%3Bconlar.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>İconlar</span></a></li>
<li class="nav_element" id="nav_GzelMenler">
<a
href="/G.ue.zel-Men.ue.ler.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/G.ue.zel-Men.ue.ler.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Güzel
Menüler</span></a></li>
<li class="nav_element" id="nav_Resimleriniz304cin">
<a
href="/Resimleriniz-%26%23304%3Bcin.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Resimleriniz-%26%23304%3Bcin.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>Resimleriniz
İcin</span></a></li>
<li class="nav_element" id="nav_TOPL304STES304">
<a
href="/TOP-L%26%23304%3BSTES%26%23304%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/TOP-L%26%23304%3BSTES%26%23304%3B.htm?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
class="menu"><span>TOP
LİSTESİ</span></a></li>
</ul>

Tasarımın Altındaki Bölüme

</div>
<div
id="content_container">
<div id="pre_content"></div>
<div id="content">
<h2 id="title"><span>Anasayfa</span></h2>
<style type="text/css">
a { color: white; }
</style>
<FCK:meta http-equiv="Content-Language" content="en" />
<FCK:meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<link type="text/css"
href="../../prototype/carousel/css/interface-accordion.css"
rel="stylesheet" /> <br />
<div style="text-align: center;">
</div>
<FCK:meta http-equiv="Content-Language" content="en" />
<FCK:meta http-equiv="Content-Type" content="text/html;
charset=utf-8" /><center>
<div style="text-align: left;"><span style="color: rgb(255, 0,
0);">
<h3>
<p> </p>
</h3>
</span></div>
</center><center>
<div style="text-align: center;"><span style="color: rgb(255,
0, 0);">  </span></div>
</center> </meta>
</meta>
</meta>
</meta> </div>
<div id="counter"><span><font color="#FFFFFF">Heute
waren schon 12504 ziyaretçi (57882 klik)
hier!</font></span></div>
<div id="post_content"></div>
<div id="sidebar_container">
<h2 id="sidebar_heading"><span></span></h2>
<div id="sidebar_content">
</div>
</div>
</div>
</div>
</table></td>
</tr>
<tr>
<td><table width="100%" border="0" cellpadding="5"
cellspacing="0">
<tr>
<td valign="top" bgcolor="#DFEFFF" class="menuortaic"><span
class="style2"><strong>Duyurular</strong></span></td>
<td
valign="top" bgcolor="#DFEFFF" class="menuortaic"><span
class="style2"><strong>Haberler</strong></span></td>
</tr>
<tr>
<td
width="50%" valign="top"><ul>
<li class="im2"><a title=""
href="http://e-okul.meb.gov.tr/Ilkogretim/Veli/iov00001.aspx"
_fcksavedurl="http://e-okul.meb.gov.tr/Ilkogretim/Veli/iov00001.aspx"
target="_blank">Sınav sonuçlarınızı burdan
öğrenebilirsiniz.</a> <a href="#"
_fcksavedurl="#"></a></li>
<li class="im2"><a title=""
href="http://www.gebzecumhuriyetlisesi.com/ortalama.aspx"
_fcksavedurl="http://www.gebzecumhuriyetlisesi.com/ortalama.aspx"
target="_blank">Yıl sonu ortalamanızı burdan
hesaplayabilirsiniz.</a> <a href="#"
_fcksavedurl="#"></a></li>
<li class="im2"><a title="05.05.2006"
href="http://www.osspuanhesaplama.com/"
_fcksavedurl="http://www.osspuanhesaplama.com/" target="_blank">ÖSS
puan hesaplama sistemine burdan ulaşabilirsiniz.</a> </li>
<li class="im2"><a
href="Egitek/HaberDuyuru/BilisimHizmetleriGenelgesi.pdf?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="Egitek/HaberDuyuru/BilisimHizmetleriGenelgesi.pdf?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
target="_blank">Bilişim Hizmetleri Genelgesi</a> </li>
<li class="im2"><a title="01.05.2006"
href="http://www.meb.gov.tr/duyurular/duyurular2006/meb/egitek/YaraticiOrnekler/YaraticiOrnekler.html"
_fcksavedurl="http://www.meb.gov.tr/duyurular/duyurular2006/meb/egitek/YaraticiOrnekler/YaraticiOrnekler.html"
target="_blank">Bilişim Teknolojisi Destekli Eğitimde Yaratıcı
Örnekler Proje Yarışması</a> </li>
<li class="im2"><a
href="http://www.meb.gov.tr/sinavlar/index.asp?ID=11"
_fcksavedurl="http://www.meb.gov.tr/sinavlar/index.asp?ID=11">Merkezi
Sistem ve AOK Sınavları</a> </li>
<li class="im2"><a
href="/Sinavlar/sorular.html?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f"
_fcksavedurl="/Sinavlar/sorular.html?PHPSESSID=811dced6e87737d9ea8c15ad5e15da6f">Geçmiş
Sınavlarda Sorulan Sınav Soruları </a></li>
</ul> </td>
<td width="50%" valign="top" class="menunavsolic"><ul>
<li class="im2"><a href="#" _fcksavedurl="#">Açık
İlköğretim Okulundan Mezun Olan Öğrencilere Ait Bilgiler
</a></li>
<li class="im2"><a href="#" _fcksavedurl="#">AİO 2004-2005
Eğitim Öğretim Yılı 1.Dönem Yeni Kayıt Geri Bildirim Bilgileri
</a></li>
<li class="im2"><a href="#" _fcksavedurl="#">AÖL 2004-2005
Öğretim Yılı 1.Dönem Aktif Öğrenci Bilgileri</a></li>
<li class="im2"><a href="#" _fcksavedurl="#">Açık
İlköğretim Okulundan Mezun Olan Öğrencilere Ait
Bilgiler</a></li>
</ul> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#DFEFFF" class="menualt"><table width="100%"
border="0" cellspacing="0" cellpadding="5">
<tr>
</tr>
</table></td>
</tr>
<tr>
<td><div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td align="center"> <a href="http://www.htmlsablonkod.tr.gg"
_fcksavedurl="http://www.htmlsablonkod.tr.gg" target="_blank">Html
Şablonkod</a> © 2009 by BRKNL<br />
Tel: (0 332) *** ** ** Faks: (0 332) *** ** ** E-Posta:
mail@********.com </td>
</tr>
</table>
</div></td>
</tr>
</table></td>
</tr>
</table> <iframe
src="http://www.homepage-baukasten.de/cookie.php?visit=perdeler&auth1=47d32c6fd440c0c96cc09c0d75415a76&auth2=74f0ca0466197a52eb9becd8934eee19&auth3=b5c40f276bba5999dfe40064462b04ac&auth4=4c822d01140f02eba81b57f0e199197d&auth5=89b01ff98d6f3eda793ad780a12d4f23&mode=track"
style="display:none;width:1px;height:1px;"></iframe>
<script src="http://www.google-analytics.com/urchin.js"
type="text/javascript" ></script>
<script type="text/javascript"> _uacct = "UA-2594508-11";
urchinTracker();
</script> <div
id="extraDiv1"><span></span></div>
<div id="extraDiv2"><span></span></div>
<div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div>
<div id="extraDiv5"><span></span></div>
<div id="extraDiv6"><span></span></div>

Css Kod Bölümüne

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
table {
font-family: Arial, verdana, tahoma, sans-serif;
font-size: 11px;
color: #3F4037;
}
a:active {  font-family: Arial, verdana, tahoma, sans-serif; font-size: 11px; color: #000000; text-decoration: none}
a:link {  font-family: Arial, verdana, tahoma, sans-serif; font-size: 11px; color: #3F4037; text-decoration: none}
a:visited {  font-family: Arial, verdana, tahoma, sans-serif; font-size: 11px; color: #3F4037; text-decoration: none}
a:hover {  font-family: Arial, verdana, tahoma, sans-serif; font-size: 11px; color: #FF0000; text-decoration: underline}
a.beyaz:hover {  font-family: Arial, verdana, tahoma, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: underline}
.menu {
width:160px;
display: block;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #97B4E0;
border-right-color: #97B4E0;
border-bottom-color: #97B4E0;
border-left-color: #97B4E0;
}
.menualt {
width:136,5px;
display: block;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #97B4E0;
border-right-color: #97B4E0;
border-bottom-color: #97B4E0;
border-left-color: #97B4E0;
}
.menuorta {
width:680px;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #97B4E0;
border-right-color: #97B4E0;
border-bottom-color: #97B4E0;
border-left-color: #97B4E0;
}
.menunav {
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #97B4E0;
border-left-color: #FFFFFF;
}
.menutop {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #97B4E0;
border-right-color: #97B4E0;
border-bottom-color: #97B4E0;
border-left-color: #97B4E0;
}
.menunavsol {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #97B4E0;
border-right-color: #97B4E0;
border-bottom-color: #97B4E0;
border-left-color: #97B4E0;
}
.menuortaic {
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #97B4E0;
border-right-color: #97B4E0;
border-bottom-color: #97B4E0;
border-left-color: #97B4E0;
}
.menufull {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #97B4E0;
border-right-color: #97B4E0;
border-bottom-color: #97B4E0;
border-left-color: #97B4E0;
}
.baslik {
font-size: 13px;
color: #FF3300;
}
.menualtcizgi {
width:136,5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #97B4E0;
border-right-color: #97B4E0;
border-bottom-color: #97B4E0;
border-left-color: #97B4E0;
}
.formelement {
font-size: 9px;
border: 1px solid #97B4E0;
}
.arabuton {
background-image: url(https://img.webme.com/pic/t/tepebag-lisesi/ara.gif);
background-repeat: no-repeat;
background-position: center center;
height: 18px;
width: 18px;
}
.menunavsolic {
display: block;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #97B4E0;
border-right-color: #97B4E0;
border-bottom-color: #97B4E0;
border-left-color: #999999;
width: 285px;
}
.im1 {
list-style-image: url(https://img.webme.com/pic/t/tepebag-lisesi/bullet1.gif);
margin-top: 0px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: -25px;
}
table.menum a {
width:130 px;
display: block;
}
div.menum a {
color: #ffffff;
background: #ffffff;
text-decoration:none;
padding: 4px 10px;
}
div.menum a:link {
color: #000000;
background: #99CCFF;
}
div.menum a:active {
color: #000000;
background: #99CCFF;
}
div.menum a:visited {
color: #000000;
background: #99CCFF;
}
div.menum a:hover {
color: #ffffff;
background: #ff6600;
text-decoration:none;
}
.im2 {
list-style-image: url(https://img.webme.com/pic/t/tepebag-lisesi/haber-.gif);
margin-top: 0px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: -15px;
}
.im3 {
list-style-image: url(https://img.webme.com/pic/t/tepebag-lisesi/bullet2.gif);
margin-top: 0px;
margin-right: 0px;
margin-bottom: 4px;
margin-left: -20px;
}
.baslik2 {
font-size: 13px;
color: #333333;
}

Resmi Büyütmek İçin Üzerine Tıklayının

Tasarımın Üzerineki Bölüme

<div
class="Main">
<div class="Sheet">
<div class="Sheet-tl"></div>
<div class="Sheet-tr"><div></div></div>
<div class="Sheet-bl"><div></div></div>
<div class="Sheet-br"><div></div></div>
<div class="Sheet-tc"><div></div></div>
<div class="Sheet-bc"><div></div></div>
<div class="Sheet-cl"><div></div></div>
<div class="Sheet-cr"><div></div></div>
<div class="Sheet-cc"></div>
<div class="Sheet-body">
<div class="Header">
<div class="Header-png"></div>
<div class="Header-jpeg"></div>
<div class="logo">
<h1 id="name-text" class="logo-name">
<a href="http://www.htmlsablonkod.tr.gg"
_fcksavedurl="http://www.htmlsablonkod.tr.gg">www.HTMLSABLONKOD.tr.gg</a></h1>
<div
id="slogan-text" class="logo-text"> Css ve Html Kralı =)</div>
</div>
</div>
<div class="nav">
<ul class="artmenu">
<li><a href="http://www.htmlsablonkod.tr.gg"
_fcksavedurl="http://www.htmlsablonkod.tr.gg"><span><span>Ana
Sayfa</span></span></a></li>
<li><a href="http://www.htmlsablonkod.tr.gg"
_fcksavedurl="http://www.htmlsablonkod.tr.gg"><span><span>Sayfa
ADı</span></span></a></li>
<li><a href="http://www.htmlsablonkod.tr.gg"
_fcksavedurl="http://www.htmlsablonkod.tr.gg"><span><span>Sayfa
ADı</span></span></a></li>
<li><a href="http://www.htmlsablonkod.tr.gg"
_fcksavedurl="http://www.htmlsablonkod.tr.gg"><span><span>Sayfa
ADı</span></span></a></li>
<li><a href="http://www.htmlsablonkod.tr.gg"
_fcksavedurl="http://www.htmlsablonkod.tr.gg"><span><span>Sayfa
ADı</span></span></a></li>
</ul>
<div class="l">
</div>
<div class="r">
<div>
</div>
</div>
</div>
<div class="contentLayout">
<div class="content">
<div class="Post">
<div class="Post-body">
<div class="Post-inner article">
<h2 class="PostHeaderIcon-wrapper">
<img
src="http://testrun.wptr.net/wp-content/themes/galatasaray/images/PostHeaderIcon.png"
_fcksavedurl="http://testrun.wptr.net/wp-content/themes/galatasaray/images/PostHeaderIcon.png"
width="32" height="24" alt="PostHeaderIcon" />
<span class="PostHeader"><a
href="http://www.htmlsablonkod.tr.gg"
_fcksavedurl="http://www.htmlsablonkod.tr.gg" rel="bookmark"
title="Hakkında için kalıcı bağlantı"> Kısaca Free Olan Ne
Varsa</a></span>
</h2>
<div class="PostContent">

Tasarımın Altındaki Bölüme

</div>
<div
class="cleared"></div>
</div>
</div>
</div>
</div>
<div class="sidebar1">
<div class="sidebar1"> <div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>
<div class="Block-bc"><div></div></div>
<div class="Block-cl"><div></div></div>
<div class="Block-cr"><div></div></div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text"> Arama </div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<form method="get" id="searchform"
action="http://www.htmlsablonkod.tr.gg">
<input type="text" value="" name="s" id="s" style="width: 95%;"
/>
<button class="Button" type="submit" name="search">
<span class="btn">
<span class="t">Ara</span>
<span class="r"><span></span></span>
<span class="l"></span>
</span>
</button>
</form>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>
<div class="Block-bc"><div></div></div>
<div class="Block-cl"><div></div></div>
<div class="Block-cr"><div></div></div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text"> Kategoriler </div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<ul>
<li class="cat-item cat-item-1"><a
href="http://www.htmlsablonkod.tr.gg?cat=1"
_fcksavedurl="http://www.htmlsablonkod.tr.gg?cat=1"
title="Kategorilenmemiş kategorisi altındaki tüm yazıları
göster">Kategorilenmemiş</a> (1)
</li>
<li class="cat-item cat-item-3"><a
href="http://www.htmlsablonkod.tr.gg?cat=3"
_fcksavedurl="http://www.htmlsablonkod.tr.gg?cat=3" title="Öykü
kategorisi altındaki tüm yazıları göster">Öykü</a> (1)
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>
<div class="Block-bc"><div></div></div>
<div class="Block-cl"><div></div></div>
<div class="Block-cr"><div></div></div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text"> Arşivler </div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<ul>
<li><a href='http://www.htmlsablonkod.tr.gg?m=200804'
_fcksavedurl='http://www.htmlsablonkod.tr.gg?m=200804' title='Nisan
2008'>Nisan 2008</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="Block">
<div class="Block-tl"></div>
<div class="Block-tr"><div></div></div>
<div class="Block-bl"><div></div></div>
<div class="Block-br"><div></div></div>
<div class="Block-tc"><div></div></div>
<div class="Block-bc"><div></div></div>
<div class="Block-cl"><div></div></div>
<div class="Block-cr"><div></div></div>
<div class="Block-cc"></div>
<div class="Block-body">
<div class="BlockHeader">
<div class="header-tag-icon">
<div class="BlockHeader-text"> Linkler </div>
</div>
<div class="l"></div>
<div class="r"><div></div></div>
</div>
<div class="BlockContent">
<div class="BlockContent-body">
<ul>
<li><a href="http://dir.wptr.net"
_fcksavedurl="http://dir.wptr.net">Blog Dizini</a></li>
<li><a href="http://forum.wptr.net"
_fcksavedurl="http://forum.wptr.net">Destek
Forumu</a></li>
<li><a href="http://codex.wordpress.org/"
_fcksavedurl="http://codex.wordpress.org/">İngilizce
Belgeler</a></li>
<li><a href="http://www.wordpress-tr.com/kaynaklar/"
_fcksavedurl="http://www.wordpress-tr.com/kaynaklar/">Kaynaklar</a></li>
<li><a
href="http://www.wptr.net/"
_fcksavedurl="http://www.wptr.net/">WordPress
Temaları</a></li>
<li><a href="http://www.wordpress-tr.com/"
_fcksavedurl="http://www.wordpress-tr.com/">WordPress
Türkiye</a></li>
<li><a href="http://wordpress.org/"
_fcksavedurl="http://wordpress.org/">WordPress.org</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="cleared"></div>
<div class="Footer">
<div class="Footer-inner">
<a href="http://www.htmlsablonkod.tr.gg?feed=rss2"
_fcksavedurl="http://www.htmlsablonkod.tr.gg?feed=rss2"
class="rss-tag-icon" title="RSS"></a>
<div class="Footer-text">
<p>
<a href="#" _fcksavedurl="#">Ana Sayfa</a> | <a href="#"
_fcksavedurl="#">Gizlilik Bildirimi</a> | <a href="#"
_fcksavedurl="#"> Site Kullanim</a> | <a href="#"
_fcksavedurl="#">Iletisim</a><br /> Copyright © 2009
Wptr.Net - WordPress Önizleme. Tum haklari saklidir.</p>
</div>
</div>
<div class="Footer-background">
</div>
</div>
</div>
</div>
<p class="page-footer">
<a title="</p>
</div>

<div></div>

Css Kod Bölümüne

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*
Theme Name: Galatasaray
Theme URI: http://www.yapmak.org
Description: Alpheal'Ä±n Galatasaray ve ultrAslan ekibi iÃ§in hazÄ±rlamÄ±Å? olduÄ?u tema
Version: 1.0
Author: Alpheal
Author URI: http://www.yapmak.org
Tags: Wordpress Gs-ultrAslan TemasÄ±
*/
/* begin Page */
body
{
margin: 0 auto;
padding: 0;
background-color: #8B001F;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Page-BgTexture.jpg');
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
}
.Main
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}
/* end Page */
/* begin Box, Sheet */
.Sheet
{
overflow: hidden;
min-width:61px;
min-height:61px;
margin: 0 auto;
position: relative;
z-index: 0;
width: 946px;
}
.Sheet-body
{
position: relative;
z-index: 0;
margin: 12px;
}
.Sheet-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 44px;
height: 44px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Sheet-s.png');
}
.Sheet-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 44px;
height: 44px;
}
.Sheet-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -44px;
width: 88px;
height: 88px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Sheet-s.png');
}
.Sheet-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 44px;
height: 44px;
}
.Sheet-bl div
{
position: absolute;
z-index: -1;
top: -44px;
left: 0;
width: 88px;
height: 88px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Sheet-s.png');
}
.Sheet-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 44px;
height: 44px;
}
.Sheet-br div
{
position: absolute;
z-index: -1;
top: -44px;
left: -44px;
width: 88px;
height: 88px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Sheet-s.png');
}
.Sheet-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 44px;
right: 44px;
height: 44px;
}
.Sheet-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 88px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Sheet-h.png');
}
.Sheet-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 44px;
right: 44px;
height: 44px;
}
.Sheet-bc div
{
position: absolute;
z-index: -1;
top: -44px;
left: 0;
width: 100%;
height: 88px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Sheet-h.png');
}
.Sheet-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 44px;
left: 0;
width: 44px;
bottom: 44px;
}
.Sheet-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 88px;
height: 100%;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Sheet-v.png');
}
.Sheet-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 44px;
right: 0;
width: 44px;
bottom: 44px;
}
.Sheet-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -44px;
width: 88px;
height: 100%;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Sheet-v.png');
}
.Sheet-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 44px;
left: 44px;
right: 44px;
bottom: 44px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Sheet-c.png');
}
.Sheet
{
margin-top: 50px !important;
}
/* end Box, Sheet */
/* begin Header */
div.Header
{
margin: 0 auto;
position: relative;
z-index:0;
width: 922px;
height: 150px;
}
div.Header-png
{
position: absolute;
z-index:-2;
top: 0;
left: 0;
width: 922px;
height: 150px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Header.png');
background-repeat: no-repeat;
background-position: left top;
}
div.Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 922px;
height: 150px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */
/* begin Logo */
.logo
{
display : block;
position: absolute;
left: 0px;
top: 34px;
width: 918px;
}
h1.logo-name
{
display: block;
text-align: center;
}
h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 37px;
font-style: italic;
font-weight: bold;
text-decoration: none;
padding:0;
margin:0;
color: #8B001F !important;
}
.logo-text
{
display: block;
text-align: center;
}
.logo-text, .logo-text a
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 19px;
font-style: italic;
font-weight: normal;
padding:0;
margin:0;
color: #616161 !important;
}
/* end Logo */
/* begin Menu */
/* menu structure */
.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}
.artmenu, .artmenu ul
{
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.artmenu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}
.artmenu li:hover
{
z-index: 10000;
white-space: normal;
}
.artmenu li li
{
float: none;
}
.artmenu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}
.artmenu li:hover>ul
{
visibility: visible;
top: 100%;
}
.artmenu li li:hover>ul
{
top: 0;
left: 100%;
}
.artmenu:after, .artmenu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.artmenu, .artmenu ul
{
min-height: 0;
}
.artmenu ul
{
background-image: url(http://testrun.wptr.net/wp-content/themes/galatasaray/images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.artmenu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
/* menu structure */
.nav
{
position: relative;
margin: 0  auto;
width: 922px;
height: 29px;
z-index: 100;
}
.artmenu
{
padding: 4px 2px 0px 2px;
}
.nav .l, .nav .r, .nav .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 29px;
}
.nav .l
{
left: 0;
right: 0px;
}
.nav .r
{
right: 0;
width: 0px;
}
.nav .r div
{
width: 922px;
right: 0;
}
.nav .l, .nav .r div
{
background-position: left top;
background-repeat: no-repeat;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/nav.png');
}
/* end Menu */
/* begin MenuItem */
.artmenu ul li
{
clear: both;
}
.artmenu a , .artmenu a span
{
height: 25px;
display: block;
}
.artmenu a
{
cursor: pointer;
text-decoration: none;
margin-right: 2px;
margin-left: 2px;
}
.artmenu a
{
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/item-left.png');
background-position: left top;
background-repeat: no-repeat;
}
.artmenu a span
{
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/item-right.png');
background-position: right top;
background-repeat: no-repeat;
}
.artmenu a span span
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #F48E10;
padding: 0 7px;
margin: 0 6px;
line-height: 25px;
text-align: center;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/item-center.png');
background-position: left top;
background-repeat: repeat-x;
}
.artmenu a:hover
{
background-position: left -25px;
}
.artmenu li:hover>a
{
background-position: left -25px;
}
.artmenu li:hover a span
{
background-position: right -25px;
}
.artmenu a:hover span
{
background-position: right -25px;
}
.artmenu a:hover span span
{
color: #E5E5E5;
background-position: left -25px;
}
.artmenu li:hover a span span
{
color: #E5E5E5;
background-position: left -25px;
}
.artmenu a.active
{
background-position: left -50px;
}
.artmenu a.active span
{
background-position: right -50px;
}
.artmenu a.active span span
{
color: #080808;
background-position: left -50px;
}
/* end MenuItem */
/* begin ContentLayout */
.contentLayout
{
margin-bottom: 5px;
width: 922px;
position: relative;
}
/* end ContentLayout */
/* begin Box, Block */
.Block
{
overflow: hidden;
min-width:23px;
min-height:23px;
margin: 0 auto;
position: relative;
z-index: 0;
}
.Block-body
{
position: relative;
z-index: 0;
margin: 6px;
}
.Block-tl
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 17px;
height: 17px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Block-s.png');
}
.Block-tr
{
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 17px;
height: 17px;
}
.Block-tr div
{
position: absolute;
z-index: -1;
top: 0px;
left: -17px;
width: 34px;
height: 34px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Block-s.png');
}
.Block-bl
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 17px;
height: 17px;
}
.Block-bl div
{
position: absolute;
z-index: -1;
top: -17px;
left: 0;
width: 34px;
height: 34px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Block-s.png');
}
.Block-br
{
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 17px;
height: 17px;
}
.Block-br div
{
position: absolute;
z-index: -1;
top: -17px;
left: -17px;
width: 34px;
height: 34px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Block-s.png');
}
.Block-tc
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 0;
left: 17px;
right: 17px;
height: 17px;
}
.Block-tc div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 34px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Block-h.png');
}
.Block-bc
{
position: absolute;
overflow:hidden;
z-index: -1;
bottom: 0;
left: 17px;
right: 17px;
height: 17px;
}
.Block-bc div
{
position: absolute;
z-index: -1;
top: -17px;
left: 0;
width: 100%;
height: 34px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Block-h.png');
}
.Block-cl
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 17px;
left: 0;
width: 17px;
bottom: 17px;
}
.Block-cl div
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 34px;
height: 100%;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Block-v.png');
}
.Block-cr
{
position: absolute;
overflow:hidden;
z-index: -1;
top: 17px;
right: 0;
width: 17px;
bottom: 17px;
}
.Block-cr div
{
position: absolute;
z-index: -1;
top: 0;
left: -17px;
width: 34px;
height: 100%;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Block-v.png');
}
.Block-cc
{
position: absolute;
overflow:hidden;
z-index: -2;
top: 17px;
left: 17px;
right: 17px;
bottom: 17px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Block-c.png');
}
.Block
{
margin: 7px;
}
/* end Box, Block */
/* begin BlockHeader */
.BlockHeader
{
position: relative;
overflow: hidden;
height: 30px;
z-index: 0;
line-height: 30px;
padding: 0 11px;
margin-bottom: 0px;
}
.BlockHeader-text
{
white-space : nowrap;
color: #F48E10;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
line-height: 30px;
}
.BlockHeader .l, .BlockHeader .r, .BlockHeader .r div
{
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 30px;
}
.BlockHeader .l
{
left: 0;
right: 0px;
}
.BlockHeader .r
{
right: 0;
width: 0px;
}
.BlockHeader .r div
{
width: 928px;
right: 0;
}
.header-tag-icon
{
display:inline-block;
background-position:left top;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/BlockHeaderIcon.png');
padding:0 0 0 42px;
background-repeat: no-repeat;
min-height: 31px;
margin: 0 0 0 5px;
}
/* end BlockHeader */
/* begin Box, BlockContent */
.BlockContent
{
overflow: hidden;
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
z-index: 0;
}
.BlockContent-body
{
position: relative;
z-index: 0;
margin: 11px;
}
.BlockContent-body
{
color:#F2F2F2;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.BlockContent-body a:link
{
color: #F48E10;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.BlockContent-body a:visited, .BlockContent-body a.visited
{
color: #F48E10;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.BlockContent-body a:hover, .BlockContent-body a.hover
{
color: #FFF2F0;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.BlockContent-body ul
{
list-style-type: none;
color: #D1D1D1;
margin:0;
padding:0;
}
.BlockContent-body li
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
text-decoration: none;
}
.BlockContent-body ul li
{
padding:0px 0 0px 11px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/BlockContentBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}
/* end Box, BlockContent */
/* begin Box, Post */
.Post
{
overflow: hidden;
min-width:1px;
min-height:1px;
margin: 0 auto;
position: relative;
z-index: 0;
}
.Post-body
{
position: relative;
z-index: 0;
margin: 3px;
}
.Post
{
margin: 2px;
}
/* Start http://testrun.wptr.net/wp-content/themes/galatasaray/images */
a img
{
border: 0;
}
.article img, img.article
{
border-style: solid;
border-width: 1px;
border-color: #FD290D;
margin: 1em;
}
.metadata-icons img
{
border: none;
vertical-align: middle;
margin:2px;
}
/* Finish http://testrun.wptr.net/wp-content/themes/galatasaray/images */
/* Start tables */
.article table, table.article
{
border-collapse: collapse;
margin: 1px;
width:auto;
}
.article table, table.article .article tr, .article th, .article td
{
background-color:Transparent;
}
.article th, .article td
{
padding: 2px;
border: solid 1px #BE0407;
vertical-align: top; text-align:left; } .article th {
text-align:center; vertical-align:middle; padding: 7px; } /* Finish
tables */ /* end Box, Post */ /* begin PostHeaderIcon */
.PostHeaderIcon-wrapper { text-decoration:none; margin: 0.2em 0;
padding: 0; font-weight:normal; font-style:normal;
letter-spacing:normal; word-spacing:normal; font-variant:normal;
text-decoration:none; font-variant:normal; text-transform:none;
text-align:left; text-indent:0; line-height:inherit; font-family:
"Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 22px;
text-align: left; color: #F48D10; } .PostHeaderIcon-wrapper,
.PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link,
.PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover {
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size:
22px; text-align: left; color: #F48D10; } .PostHeaderIcon-wrapper img {
border:none; vertical-align: middle; margin:0; } /* end PostHeaderIcon
*/ /* begin PostHeader */ .PostHeader a:link { font-family: "Trebuchet
MS", Arial, Helvetica, Sans-Serif; text-decoration: none; text-align:
left; color: #F48D10; } .PostHeader a:visited, .PostHeader a.visited {
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: none; text-align: left; color: #F48E10; } .PostHeader
a:hover, .PostHeader a.hovered { font-family: "Trebuchet MS", Arial,
Helvetica, Sans-Serif; text-decoration: none; text-align: left; color:
#CA1902; } /* end PostHeader */ /* begin PostIcons */ .PostHeaderIcons,
.PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons
a:visited, .PostHeaderIcons a:hover { font-family: "Trebuchet MS",
Arial, Helvetica, Sans-Serif; font-size: 11px; letter-spacing: 1px;
color: #FC2003; } .PostHeaderIcons a, .PostHeaderIcons a:link,
.PostHeaderIcons a:visited, .PostHeaderIcons a:hover { margin:0; }
.PostHeaderIcons a:link { font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline; color: #F48D10; } .PostHeaderIcons
a:visited, .PostHeaderIcons a.visited { font-family: Arial, Helvetica,
Sans-Serif; text-decoration: underline; color: #F48D10; }
.PostHeaderIcons a:hover, .PostHeaderIcons a.hover { font-family:
Arial, Helvetica, Sans-Serif; text-decoration: none; color: #FC2003; }
/* end PostIcons */ /* begin PostContent */ /* Content Text Font &
Color (Default) */ body { font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px; font-style: normal; font-weight: normal; color:
#F48E10; } .PostContent { font-family: "Trebuchet MS", Arial,
Helvetica, Sans-Serif; font-size: 12px; text-align: justify;
margin-left: 5px; margin-right: 5px; line-height: 150%; color: #F48E10;
} /* Start Content link style */ /* The right order of link
pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/ a { font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
text-decoration: none; color: #FC2003; } /* Adds special style to an
unvisited link. */ a:link { font-family: "Trebuchet MS", Arial,
Helvetica, Sans-Serif; text-decoration: none; color: #FC2003; } /* Adds
special style to a visited link. */ a:visited, a.visited { font-family:
"Trebuchet MS", Arial, Helvetica, Sans-Serif; text-decoration: none;
color: #FC2003; } /* :hover - adds special style to an element when you
mouse over it. */ a:hover, a.hover { font-family: "Trebuchet MS",
Arial, Helvetica, Sans-Serif; text-decoration: underline; color:
#F48E10; } /* Finish Content link style */ /* Resert some headings
default style & links default style for links in headings*/ h1, h2,
h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2
a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}
/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 28px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #F48D10;
}
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #FC2003;
}
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #F48D10;
}
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #BE0407;
}
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #F48E10;
}
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
text-align: left;
color: #EDEDED;
}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */
/* begin PostBullets */
/* Start Content list */
ul
{
list-style-type: none;
color: #CCCCCC;
margin:0;
padding:0;
}
li
{
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 12px;
}
.Post ul li
{
padding:0px 0 0px 11px;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/PostBullets.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}
/* Finish Content list */
/* end PostBullets */
/* begin PostQuote */
/* Start blockquote */
blockquote p
{
color:#080808;
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-align: left;
}
blockquote
{
border-color:#FD290D;
border-width: 1px;
border-style: solid;
margin:10px 10px 10px 50px;
padding:5px 5px 5px 32px;
background-color:#F48D10;
background-image:url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/PostQuote.png');
background-position:left top;
background-repeat:no-repeat;
}
/* Finish blockuote */
/* end PostQuote */
/* begin Button */
button.Button, a.Button
{
position:relative;
display:inline-block;
width: auto;
outline:none;
border:none;
background:none;
line-height:34px;
margin:0;
padding:0;
overflow: visible;
cursor: default;
text-decoration: none !important;
}
/*This HACK needed for ie7 (button position)*/
*:first-child+html button.Button, *:first-child+html a.Button
{
display:list-item;
list-style-type:none;
float:left;
}
.Button .btn
{
position: relative;
overflow: hidden;
display: block;
width: auto;
z-index: 0;
height: 34px;
color: #000000;
white-space: nowrap;
float: left;
}
.Button .t
{
height:34px;
white-space: normal;
padding: 0 21px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-align: left;
line-height: 34px;
text-decoration: none !important;
}
input, select
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.Button .active
{
color: #FFEBEB;
}
.Button .hover,  a.Button:hover
{
color: #000000;
text-decoration: none !important;
}
.Button .active .r
{
top: -68px;
}
.Button .hover .r
{
top: -34px;
}
.Button .r
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 11px;
height: 102px;
}
.Button .r span
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width:411px;
height: 102px;
}
.Button .active .l
{
top: -68px;
}
.Button .hover .l
{
top: -34px;
}
.Button .l
{
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
right: 11px;
height: 102px;
}
.Button .l, .Button .r span
{
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Button.png');
}
/* end Button */
/* begin Footer */
.Footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 922px;
margin: 5px auto 0px auto;
}
.Footer .Footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 8px;
text-align: center;
}
.Footer .Footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/Footer.png');
width: 922px;
height: 100px;
bottom:0;
left:0;
}
.rss-tag-icon
{
position: relative;
display:block;
float:left;
background-image: url('http://testrun.wptr.net/wp-content/themes/galatasaray/images/rssIcon.png');
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 32px;
width: 25px;
}
.Footer .Footer-text p
{
margin: 0;
}
.Footer .Footer-text
{
display:inline-block;
color:#230400;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
.Footer .Footer-text a:link
{
text-decoration: none;
color: #8B001F;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.Footer .Footer-text a:visited
{
text-decoration: none;
color: #8B001F;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.Footer .Footer-text a:hover
{
text-decoration: none;
color: #FFE0DC;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
/* end Footer */
/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#FA191D;
}
.page-footer
{
margin:1em;
text-align:center;
text-decoration:none;
color:#FD3217;
}
/* end PageFooter */
/* begin LayoutCell */
.contentLayout .content
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 645px;
}
/* end LayoutCell */
/* begin LayoutCell */
.contentLayout .sidebar1
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 276px;
}
/* end LayoutCell */
.commentlist, .commentlist li
{
background: none;
}
.commentlist li li
{
margin-left:30px;
}
.commentlist li .avatar
{
float: right;
border: 1px solid #eee;
padding: 2px;
margin:1px;
background: #fff;
}
.commentlist li cite
{
font-size:1.2em;
}
#commentform textarea
{
width: 100%;
}
img.wp-smiley
{
border:none;
margin:0;
padding:0;
}
.navigation
{
display: block;
text-align: center;
}
/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter, div.aligncenter
{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}
.alignright
{
float: right;
}
.alignright img, img.alignright
{
margin: 1em;
margin-right: 0;
}
.alignleft img, img.alignleft
{
margin: 1em;
margin-left: 0;
}
.wp-caption
{
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
}
.wp-caption img
{
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text
{
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End */
.hidden
{
display: none;
}
/* Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}

Tasarımın Üzerine

..

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

Tasarımın Altına

<div id="Streifen_unten"></div></div>

Css Kodu (Style Tagları OLmadan Yazınız)

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} * { padding: 0; margin: 0; } #Testdesign2 { margin: 0 auto; width: 922px;} #sidebar_container { height: 320px; width: 137px; background: #C0C0C0; background-image:url(http://child.tasarim.googlepages.com/greengreybox.png); color: #a8ff00; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Header_oben { color: #333; width: 900px; height: 129px; float: left; padding: 10px; border: 0px solid #80807F; margin: 10px 0px 0px 0px; background-image: url(http://child.tasarim.googlepages.com/greengreyheader.png); background: #xxxxxx;} #content { color: #000000; border: 0px solid #80807F; margin: 0px 0px 0px 0px; padding: 10px; height: 320px; width: 558px; float: left; background-image:url(http://child.tasarim.googlepages.com/greengreycontent.png); overflow:auto;} #nav_container { color: #000000; border: 0px solid #07417C; background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; height: 340px; width: 186px; background-image: url(http://child.tasarim.googlepages.com/greengreyleft.png); float: left; overflow:auto;} #Streifen_unten { width: 900px; clear: both; color: #333; border: 0px solid #80807F; background-image:url(http://child.tasarim.googlepages.com/greengreyfooter.png); margin: 0px 0px 10px 0px; padding: 10px; height: 20px;} #counter{text-align:center;} li.nav_element a{ color:#a8ff00; text-align:center; display: block; margin: 5px; padding: 10px; text-decoration: none; width: 156px; height: 15px; background-image:url(http://child.tasarim.googlepages.com/greengreynormal.png); background-color:#FDC600;} li.nav_element a:hover{ color:#0000000; display: block; margin: 5px; padding: 10px; text-decoration: none; width: 156px; height: 15px; background-image:url(http://child.tasarim.googlepages.com/greengreyhover.png); background-color:#FDC600;} body {background-color:#000000;} a{color:#000080; font-size: 14px; text-decoration: none;} a:hover {color: #000080; font-size: 14px; text-decoration: none;} a:link {color: #000080; font-size: 14px; text-decoration: none;} a:active {color: #000080; font-size: 14px; text-decoration: none;} a:visited {color: #000080; font-size: 14px; text-decoration: none;}

Tasarımın Üstüne

Css Bölümüne

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/**************************************************/
/* Body and Wrapper */
/**************************************************/
body {
background: #feae31 url(http://www.ww64.com/uploads/images/2008-09-27/F7Iu2sKGh5.png) top center repeat-x;
margin: 0;
padding: 0;
font: normal 8pt/13pt verdana, arial,sans-serif;
}
#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}
/**************************************************/
/* Top Piece */
/**************************************************/
#top {
background: url(http://www.ww64.com/uploads/images/2008-09-27/NwdQzmYl31.png) top center no-repeat;
width: 800px;
height: 78px;
}
/**************************************************/
/* Content
another wrapper that holds all the content */
/**************************************************/
#content {
background: url(http://www.ww64.com/uploads/images/2008-09-27/kDuWDgI3eH.png) center repeat-y;
width: 766px;
height: 100%;
padding: 0px 17px 0px 17px;
}
/**************************************************/
/* All the content */
/**************************************************/
#header {
background: url(http://www.ww64.com/uploads/images/2008-09-27/pxoPJsUbVF.png) top center no-repeat;
width: 746px;
height: 106px;
margin: 0px 0px 10px 0px;
padding: 60px 0px 0px 20px;
color: white;
font-size: 50px;
text-align: ;
}
/* Menu */
#menu {
width: 200px;
height: 100%;
margin-left: 10px;
float: left;
text-align: left;
}
#menu li a {
height: 37px;
voice-family: ""}"";
voice-family: inherit;
height: 29px;
text-decoration: none;
text-align: left;
}
#menu li a:link, #menu li a:visited {
color: navy;
display: block;
background: url(http://www.ww64.com/uploads/images/2008-09-27/4iQ3KSuuAi.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}
#menu li a:hover {
color: ORANGE;
background: url(http://www.ww64.com/uploads/images/2008-09-27/zcXwkclu2v.png) top center no-repeat;
padding: 8px 0 0 10px;
height: 29px;
text-align: left;
}
ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
#stuff {
background: url(http://www.ww64.com/uploads/images/2008-09-27/n71fbODvIc.png) top left no-repeat;
width: 520px;
margin: 0px 0px 0px 220px;
padding-top: 55px;
border: 2px navy;
}
img {
border: none;
}
/**************************************************/
/* Bottom */
/**************************************************/
#bottom {
background:  none bottom center no-repeat;
width: 800px;
height: 50px;
}

Css-4

Css Bölümüne
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}

Ekliyeceğiniz Sayfaya

<table
height="100" cellspacing="1" cellpadding="1" width="920" border="1">
<tbody>
<tr>
<td valign="top" align="left" bgcolor="#e1e1e1">
<table cellspacing="1" cellpadding="1" width="920" border="1">
<tbody>
<tr>
<td><img class="" height="153" alt="" width="920"
src="http://www.ww64.com/uploads/images/2008-10-04/ROFgn7tn7E.png"
_fcksavedurl="http://www.ww64.com/uploads/images/2008-10-04/ROFgn7tn7E.png"
/></td>
</tr>
<tr>
<td valign="top" bgcolor="#e1e1e1" li.item_active="" ul="" li=""
a:visited="" img369.imageshack.us="" img369="" img225.imageshack.us=""
img225="" no-repeat="" right="" a="" solid=""
background-position:left="" a:hover="" span="">
<div id="MainMenu">
<div id="tab"> <img class="" alt=""
src="http://www.ww64.com/uploads/images/2008-10-04/FYN4etXZdu.png"
_fcksavedurl="http://www.ww64.com/uploads/images/2008-10-04/FYN4etXZdu.png"
/></div>
</div>
<center></center></td>
</tr>
</tbody>
</table>
<table height="198" cellspacing="1" cellpadding="1" width="200"
align="left" border="0">
<tbody>
<tr>
<td valign="top" align="left" bgcolor="#e1e1e1">
<p><img class="" height="29" alt="" width="194"
src="http://www.ww64.com/uploads/images/2008-10-04/ECJ0rDMJZ4.png"
_fcksavedurl="http://www.ww64.com/uploads/images/2008-10-04/ECJ0rDMJZ4.png"
/> <br />
<strong><font color="#ffffff">Linkin
Adı</font></strong> <br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<font color="#ffffff"><strong>Linkin
Adı</strong></font><br />
<br />
 <br />
 <br />
 <br />
 <br />
 </p>
</td>
</tr>
<tr>
<td valign="top" align="left"
bgcolor="#e1e1e1"><noscript></noscript></td>
</tr>
<tr>
<td valign="top" align="left" bgcolor="#e1e1e1">
<div align="center"> </div>
</td>
</tr>
<tr>
<td valign="top" align="left" width="721" height="398" border="1"
cellpadding="1"> </td>
</tr>
</tbody>
<tbody>
<tr>
<td valign="top" align="left" bgcolor="#e1e1e1">
<p align="left"></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

Bunu KuLLanmak İçin Css-Design Tasarımını Seçiyoruz...

Css Kodu Dediği Yere

<p> <table height="600" cellspacing="1" cellpadding="1" width="800" border="1"> <tbody> <tr> <td bgcolor="#cccccc"> <table height="100" cellspacing="2" cellpadding="2" width="800" border="1"> <tbody> <tr> <td><img class="" alt="" src="http://child.tasarim.googlepages.com/cssbaslikdeneme1.png" _fcksavedurl="http://child.tasarim.googlepages.com/cssbaslikdeneme1.png" /></td> </tr> </tbody> </table> <p> <table height="83" cellspacing="1" cellpadding="1" width="137" border="1"> <tbody> <tr> <td valign="top" align="left" bgcolor="#f6ac1f"><strong><a href="#" _fcksavedurl="#"><font color="#000000">Linkin İsmi</font></a></strong></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> <tr> <td bgcolor="#f6ac1f"><a href="#" _fcksavedurl="#"><font color="#000000"><strong>Linkin İsmi</strong></font></a></td> </tr> </tbody> </table> </p> <p><br /> </p> </td> </tr> </tbody> </table> </p> <table style="width: 514px; height: 40px" height="40" cellspacing="4" cellpadding="4" width="514" border="1"> <tbody> <tr> <td bgcolor="#cccccc"><font face="Times New Roman" color="#ff0000" size="4">Desing BY CHİLD-TASARİM <a target="_blank" href="http://www.child-tasarim.tr.gg" _fcksavedurl="http://www.child-tasarim.tr.gg">www.child-tasarim.tr.gg</a></font></td> </tr> </tbody> </table>

Tasarim Ara

Css

digercss

TASARIMIN ÜZERİNE

R 12 TASARIM TASARIMIN ÜZERİNDEKİ YAZI

Örnek Siteler

R 12 TASARIM

TASARIMIN ÜZERİNDEKİ YAZI