HTML KODLARI | FBML KODLARI | Bedava Web Site Tasarım Araçları !

css tasarimlar

Not: Tasarımdaki Resimleri Kendi Sitenize Yükleyin.

Tasarımın Üzerindeki Yazı

<div id="design"> <div id="logo"></div> <div id="slogan"></div> <div style="clear:both;"></div> <div id="menu_l"></div> <div id="menu"> <div id="menu_items">  <a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Ana Sayfa</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;">  <a href="http://www.osmantalay.tr.gg/Hakkimda.htm" _fcksavedurl="http://www.osmantalay.tr.gg/Hakkimda.htm">HakkImda</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;"> <a href="http://www.osmantalay.tr.gg/Defter.htm" _fcksavedurl="http://www.osmantalay.tr.gg/Defter.htm">Z.Defterİ</a> <img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;"> <a href="http://maxitasarim.tk" _fcksavedurl="http://maxitasarim.tk">FORUM</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;"> <a href="http://www.osmantalay.tr.gg/Siteni-Ekle.htm" _fcksavedurl="http://www.osmantalay.tr.gg/Siteni-Ekle.htm">Sİtenİ Ekle</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;"> <a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;"> <a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;"> <a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a> </div> </div>  <div id="menu_r"></div>  <div id="content_top">  </div> <div id="hinweis">   <div style="width: 100%; float: right; background: none repeat scroll 0% 0% rgb(255, 234, 189); padding: 3px; text-align: center;"> <b>Sitemizden Haberler:</b> Buraya Ekle </div></a>  </div><IFRAME name="frame_ismi" src="http://www.kayipbilgiler.tr.gg/"  width="600" height="115" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></IFRAME>

Tasarımın Altındaki Yazı

<div id="header_container">                 </div>                 <div id="counter"><span>  </span></div>                 <div id="post_content"></div>                 <div id="below_content">    <div id="footer">  <div id="spalten">  <div id="spalte1"> <ul id="foot"> <img src="https://img.webme.com/pic/o/osmantalay/iconr.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/iconr.png" style="vertical-align: middle;" alt="" />   <b style="color: #000;">YARARLI LİNKLER</b> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Yakında</a></li>  <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Yakında</a></li> </ul> </div>  <div id="spalte2"> <ul id="foot"> <img src="https://img.webme.com/pic/o/osmantalay/iconr.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/iconr.png" style="vertical-align: middle;" alt="" />   <b style="color: #000;">DOST SİTELER</b> <li><a href="http://themestudio.de/goto.php?ref=2&url=http://www.osmantalay.tr.gg" _fcksavedurl="http://themestudio.de/goto.php?ref=2&url=http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li>  </ul> </div>  <div id="spalte3"> <ul id="foot"> <img src="https://img.webme.com/pic/o/osmantalay/iconr.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/iconr.png" style="vertical-align: middle;" alt="" />   <b style="color: #000;">ÖNE ÇIKANLAR</b> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Yakında</a></li> </ul> </div>  <div id="spalte4"> <ul id="foot"> <img src="https://img.webme.com/pic/o/osmantalay/iconr.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/iconr.png" style="vertical-align: middle;" alt="" />   <b style="color: #000;">REKLAMLAR</b> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li> </ul> </div>  </div> </div>  <div id="content_bottom"></div>    <div id="copy">© Copyright 2010 by Osman Talay | Tüm Hakları Saklıdır |   <a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Yakında</a>  |  <a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Yakında</a>  |  <a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Yakında</a>   |   <a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Yakında</a>  |  <a href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg">Yakında</a><a name="commentform"></a><div>  </div>  <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>     </body> </html>

Css Kodu

table {margin-left: auto;margin-right: auto}       h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element checked_menu{display:none;} li.nav_element subpage{display:none;} li.nav_element{display:none;} #counter{display: none;}   /*Background*/  body {     background: url(https://img.webme.com/pic/o/osmantalay/bg.png) repeat;     font-family: arial, sans-serif;     font-size: 0.8em;     padding: 0px;     margin: 0px;}      #bg_top{     background: url( https://img.webme.com/pic/o/osmantalay/bg_top.png ) repeat-x;     width: 100%;     height: 300px;     position: absolute;     top: 0px;     z-index: -1;}   /*Schriftformatierung*/  p {     line-height: 1.4em;     margin:0;     padding:0 0 5px;     color:#646464;}  h1 {     color:#FE7507;     font-size: 130%;     font-weight: bold;     font-family: Helvetica, Arial,sans-serif;}  h2 {     color:#646464;     font-size:100%;     font-weight: bold;     font-family: Helvetica, Arial,sans-serif;}  a {     color:#FE7507;     outline-color:-moz-use-text-color;     outline-style:none;     outline-width:medium;     text-decoration:none;}  a:hover {     color:#FDAB4A;     text-decoration:underline;}   * { padding: 0; margin: 0; }  ul, li{     list-style-type: none;}  hr{     height: 1px;     border: 0px solid #e0e0e0;     background-color: #e0e0e0;     margin: 5px;     margin-left: 0px;     margin-right: 0px;}      img{     border: 0px;}   /*BILD-/VIDEOPOSITION*/  .left{     float: left;     padding: 8px 8px 8px 0px;}  .right{     float: right;     padding: 0px 0px 8px 8px;}  .center{     display: block;     text-align: center;     margin: 0 auto;}  .left_video{     float: left;     margin: 0px auto;     background-image:  none;     width: 323px;     height: 267px;     padding: 22px;}  .right_video{     float: right;     margin: 0px auto;     background-image:  none;     width: 323px;     height: 267px;     padding: 22px;}   /*Design*/  #design{     width: 911px;     margin: 10px auto;}   /*Header*/  #logo{     background: url(https://img.webme.com/pic/o/osmantalay/logotopd.gif) no-repeat;     width: 350px;     height: 90px;     margin-bottom: 10px;     float: left;}   /*CONTENT*/  #content{     width: 836px;     min-height: 450px;     background: url(https://img.webme.com/pic/o/osmantalay/content_bg.png) repeat-y;     float: left;     padding-top: 10px;     padding-right: 30px;     padding-bottom: 10px;     padding-left: 30px;     color: #646464;}  #content_top{     background: url(https://img.webme.com/pic/o/osmantalay/content_top.png) no-repeat;     width: 896px;     height: 19px;     float:left;}   #content_bottom{     background: url(https://img.webme.com/pic/o/osmantalay/content_bottom.png) no-repeat;     width: 896px;     height: 19px;     float: left;}  #content_box{     background: #eeeeee;     border: 1px solid #DDDDDD;     padding: 10px;     margin: 10px;}  #hinweis{     width: 836px;     background: url(https://img.webme.com/pic/o/osmantalay/content_bg.png) repeat-y;     float: left;;     padding-right: 30px;     padding-left: 30px;     padding-top: 5px;     color: #646464;} #hinweis a{     color: #646464;}  /*SUBPAGE*/         /*MENU*/  #menu {     background-image:url(https://img.webme.com/pic/o/osmantalay/menu_bg.png);     height:38px;     width: 870px;     float: left;     margin-bottom: 10px;}  #menu_r {         background-image:url(https://img.webme.com/pic/o/osmantalay/menu_r.png);     width:13px;     height:38px;     display:inline;     float:left;}  #menu_l {     background-image:url(https://img.webme.com/pic/o/osmantalay/menu_l.png);     width:13px;     height:38px;     display:inline;     float:left;     margin-left: 4px;}  #menu_items {     float: left;     height:28px;     display:inline;     padding-top: 10px;}  #menu_items a:link, #menu_items a:visited, #menu_items a:hover {     font-family:Arial, Helvetica, Verdana, sans-serif;     font-weight:bold;     font-size: 11px;     text-transform: uppercase;     text-decoration:none;     color:#fff;     margin:0px 10px;}  #menu_items a:hover {color: #3b3b3b;}   /*Foot-Menu*/      #footer{     width: 896px;     height: 112px;     background: url(https://img.webme.com/pic/o/osmantalay/content_bg.png) repeat-y;     float: left;}      #spalten{margin: 0px auto; width: 781px}  #spalte1, #spalte2, #spalte3, #spalte4{     width: 184px;     height: 90px;     float: left;     border-right: 1px solid #bbbbbb;     border-top: 1px solid #bbbbbb;     border-bottom: 1px solid #bbbbbb;     padding: 5px;     background: #e5e5e5;}      #spalte1{border-left: 1px solid #bbbbbb;}  #foot li a {     display: block;     width: 170px;     padding: 5px;     padding-top: 3px;     padding-bottom: 3px;     background: transparent;     border-bottom: 1px solid #bbbbbb;     text-decoration: none;     font-weight: normal;     color: #646464;     font-family:Arial, Helvetica, Verdana, sans-serif;     margin: 0px;}  #foot li a:hover {     background: #ffeabd;     color: #000;}           /*Tableiste*/  #tabs{     width: 33px;     height: 444px;     margin-top: 25px;     margin-bottom: 25px;     margin-left: -18px;     float: right;}  #tabs li{clear: both;}   /*Footer*/  #copy{     float: left;     color: #fff;     font-size: 11px;     width: 700px;     margin-left: 10px;     margin-bottom: 20px;}      }  /*MEDIATHEK*/ #mediamenu li a {     display: block;     width: 150px;     padding: 5px;     padding-top: 3px;     padding-bottom: 3px;     background: transparent;     border-bottom: 1px solid #e0e0e0;     text-decoration: none;     font-family:Arial, Helvetica, Verdana, sans-serif;     margin: 0px;}  #mediamenu li a:hover {     background: #eeeeee;}   #mediamenuhead{     width: 174px;     height: 16px;     background: url(https://img.webme.com/pic/o/osmantalay/medianav.png);     padding: 3px;}  #mediamenuhead h2{     color: #646464;} #mediamenuhead h2:hover{     color: #000000;}  #mediapre{     clear:both;     width: 630px;     padding: 5px;     min-height: 135px;     border-top: 1px solid #e0e0e0;     border-bottom: 1px solid #e0e0e0;}  #mediapre:hover{     background: #eeeeee;}  /*WEITERES*/   input,textarea{     border: 1px solid #dddddd;     background: #eeeeee;     padding: 3px;} input:focus,textarea:focus{border: 1px solid #bbbbbb;}  input[type="submit"]{cursor: pointer;} input[type="submit"]:hover{border: 1px solid #bbbbbb;}  /*BOXEN*/   #vorschau{ width: 140px; padding: 5px; border: 1px solid  #dddddd; background: #eeeeee; float: left; margin: 2px; text-align: center;}  #videovorschau{ width: 144px; padding: 5px; border: 1px solid  #dddddd; background: #eeeeee; float: left; margin: 2px; text-align: center;}  #vorschau:hover, #videovorschau:hover, #minivorschau:hover{ background: #ffeabd;}  #minivorschau{ width: 105px; padding: 5px; border: 1px solid  #dddddd; background: #eeeeee; float: left; margin: 2px; text-align: center;}  #boardticker{     text-decoration: none;     padding: 2px;     border-bottom: 1px solid #dddddd;}   #boardticker:hover{     background: #eeeeee;}

Not: Tasarımdaki Resimleri Kendi Sitenize Yükleyin.

Tasarımın Üzerindeki Yazı

Tasarımın Altındaki Yazı

Css Kodu

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element checked_menu{display:none;} li.nav_element subpage{display:none;} li.nav_element{display:none;} #nav_container{display:none;} #sidebar_container{display:none;} #counter{display:none;}   /*HINTERGRUND*/  body{     background: #000;     font-family: verdana, arial, sans-serif;     font-weight: normal;     font-size: .69em;     padding: 0px;     margin: 0px;}   /*SCHRIFTFORMATIERUNG*/  p{     margin: 0px;     font-weight: normal;     padding: 0px 0px 16px 0px;     line-height: 1.5em;}  h1{     font-family:Arial, Helvetica, Verdana, sans-serif;     font-weight: bold;     color: #dc0000;}  h2{     margin: 0px;     font-size: 100%;     color: #000000;}  h1.hptitle{     font-family:Arial, Helvetica, Verdana, sans-serif;     font-weight: bold;     margin-top: 70px; margin-left: 180px;     color: #fff;}  h2.slogan{     font-family:Arial, Helvetica, Verdana, sans-serif;     font-weight: bold;     margin-top: 0px;     margin-left: 240px;     font-size: 120%;     color: #fff;}  a{     color: #a9ac99;     text-decoration: none;     outline: none;}  a:hover{     color: #dc0000;     text-decoration: underline;}  *{     padding: 0;     margin: 0;}  ul, li{     list-style-type: square;}  hr{     height: 1px;     border: 0px dashed #ced2ba;     background-color: #ced2ba;     margin: 5px;}      img{     border: 0px;}  /*DESIGN*/  #design{     width: 900px;     margin: 0px auto;     color: #fff;     margin-top: 0px;     font-weight: normal;}  #main{     width: 900px;     background: url(https://img.webme.com/pic/o/osmantalay/7menu.png);     background-repeat: repeat-y;     float: left;     clear.both;}   /*Header*/  #header{     background-image: url(https://img.webme.com/pic/o/osmantalay/baslik.png);     background-repeat: no-repeat;     width: 900px;     height: 159px;     color: #ffffff;     margin: 0px auto;     float: left;     clear:both;     margin-top: 0px;}   /*BOX*/  #box{     width: 200px;     color: #000;     float: left;     margin-left: 10px;}  #btop{     width: 200px;     height: 25px;     background: url(https://img.webme.com/pic/o/osmantalay/btop.png);     color: #000;     float: left;}  #bbg{      width: 180px;     background: url(https://img.webme.com/pic/o/osmantalay/bbg.png);     color: #000;     float: left;     padding: 10px;     padding-top: 0px;     padding-bottom: 0px;}  #bbottom{     width: 200px;     height: 5px;     background: url(https://img.webme.com/pic/o/osmantalay/bttmot.png);     color: #000;     float: left;}   #box_items a:link, #box_items a:visited, #box_items a:hover {     font-weight: bold;     width: 159px;     height: 16px;     color:#a9ac99;     display:block;     padding: 3px;     border-bottom: 1px solid #ced2ba;}  #box_items a:hover {color: #dc0000;     text-decoration: none;     font-weight: bold;}    /*CONTENT*/  #subpage{     width: 638px;     float: right;     background: url(https://img.webme.com/pic/o/osmantalay/cbg.png);     padding-left: 15px;     padding-right: 15px;     color: #000;     margin-right: 10px;}  #ctop{     width: 668px;     height: 25px;     float: right;     background: url(https://img.webme.com/pic/o/osmantalay/ctop.png);     margin-right: 10px;}  #content{     width: 638px;     float: right;     background: url(https://img.webme.com/pic/o/osmantalay/cbg2.png);     padding-left: 15px;     padding-right: 15px;     color: #000;     margin-right: 10px;}  #cbottom{     width: 668px;     height: 5px;     float: right;     background: url(https://img.webme.com/pic/o/osmantalay/cbttom.png);     margin-right: 10px;}  /*MENU*/   #menu {     width: 858px;     height: 27px;     background: url(https://img.webme.com/pic/o/osmantalay/navbg.png);     margin: 10px;     float: left;     padding-left: 10px;     padding-right: 10px;     padding-top: 3px;     color: #000;}   #menu_items a:link, #menu_items a:visited, #menu_items a:hover {     font-weight: bold;     height: 16px;     color:#a9ac99;     display:block;     float: left;     border-right: 1px solid #bdbdbd;     padding: 4px;     padding-left: 10px;     padding-right: 10px;}  #menu_items a:hover {color: #dc0000;     text-decoration: none;     font-weight: bold;}   /*FOOTER*/  #footer{     width: 900px;     min-height: 11px;     background: url(https://img.webme.com/pic/o/osmantalay/footr.png) no-repeat;     color: #fff;     margin-bottom: 20px;     padding-top: 20px;     text-align: right;     float: left;     clear: both;}  #footer a {     color: #fff;     text-decoration: underline;}  #footer a:hover{     color: #dc0000;     text-decoration: underline;}  /*WEITERES*/  input{     border: 1px solid #bdbdbd;     background: #e8e8e8;     padding: 2px;}  textarea{     border: 1px solid #bdbdbd;     background: #e8e8e8;     padding: 2px;}  input[type=submit]{     border: 1px solid #bdbdbd;     background: #e8e8e8;     padding: 2px;     cursor: pointer;} -->  </style> <table style="margin: 0px auto; margin-top: 0px;" cellpadding="0" cellspacing="0" ><tr><td> <style type="text/css"> 
<script language="JavaScript" type="text/javascript" src="http://www.realist.gen.tr/realist.php?id=59858">
</script>

</td>
</tr>
</tbody>
</table>
</div></div>						<iframe src="http://www.homepage-baukasten.de/cookie.php?visit=osmantalay&auth1=2bb02605b9373088d0e0f12d53dc27c4&auth2=421ce85b92e905b97854f99053caab7a&auth3=6b683cb773d4b021e8397056b1da5a48&auth4=eda7a47f85cb7a64de95319b09c64737&auth5=e4997d807fb60e3a294fc62dccb0928f&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>
</body>
</html>

Not: Tasarımdaki Resimleri Kendi Sitenize Yükleyin.

Tasarımın Üzerindeki Yazı

<div id="tasarim">  <div id="ust">   <div class="logo">     <a href="http://www.osmantalay.tr.gg/" _fcksavedurl="http://www.osmantalay.tr.gg/" target="_self"><img border="0" style="height: 85px;"   src="https://img.webme.com/pic/o/osmantalay/logooto.png" alt="" /></a>    </div> <div class="reklamalani">       <p align="left"><a href="http://www.mehmetcik.org.tr/" _fcksavedurl="http://www.mehmetcik.org.tr/"><img height="50" width="230" border="0" style="opacity: 0.4;" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.opacity%3D1%3Bthis.filters.alpha.opacity%3D200%22" alt="TSK Mehmetçik Vakfı" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.opacity%3D0.4%3Bthis.filters.alpha.opacity%3D140%22" src="https://img.webme.com/pic/o/osmantalay/mhct.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mhct.gif" /></a></p> <style type="text/css">.imgfade{filter:alpha(opacity=30); -moz-opacity:0.5;margin-left:3px} .imgfull{filter:alpha(opacity=100); -moz-opacity:1;margin-left:3px} </style>     </div>       <div class="ustmenuosman">      <style type="text/css">  .bg {background:  none;} .menu {padding:0 0 0 5px; margin:0; list-style:none;   height:35px; color:#000000; background:  none repeat-x; position:relative; font-family:Trebuchet MS; } .menu   li.top {display:block; float:left; position:relative;} .menu li a.top_link {display:block; float:left; height:35px;   line-height:44px; color:#000000; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 13px;   cursor:pointer;} .menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 16px 0 0px;   height:35px;} .menu li a.top_link span.down {float:left; display:block; padding:0 16px 0 0px; height:35px;   background:url(images/usthvr.png) no-repeat right top;} .menu li a.top_link:hover {color:#FFFFFF;   background: url(images/usthvr.png) no-repeat;} .menu li a.top_link:hover span   {background:url(images/usthvr.png) no-repeat right top;} .menu li a.top_link:hover span.down   {background:url(images/usthvr.png) no-repeat right top;}       </style> <div> <ul class="menu">     <li class="top"><a href="Ana-Sayfa.htm" _fcksavedurl="Ana-Sayfa.htm" class="top_link"><span>»Ana Sayfa</span></a><span    class="top_link"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/mncbk.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mncbk.png"   /></span></li>     <li class="top"><a href="bloger.htm" _fcksavedurl="bloger.htm" class="top_link"><span>»Blogum</span></a><span   class="top_link"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/mncbk.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mncbk.png"   /></span></li>     <li class="top"><a href="Hakkimda.htm" _fcksavedurl="Hakkimda.htm" class="top_link"><span>»Hakkımda</span></a><span   class="top_link"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/mncbk.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mncbk.png"   /></span></li>     <li class="top"><a href="banaulasin.htm" _fcksavedurl="banaulasin.htm" class="top_link"><span>»Contact</span></a><span   class="top_link"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/mncbk.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mncbk.png"   /></span></li>     <li class="top"><a href="Defter.htm" _fcksavedurl="Defter.htm" class="top_link"><span>»Yorumlar</span></a><span   class="top_link"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/mncbk.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mncbk.png"   /></span></li>     <li class="top"><a href="sitenicin.htm" _fcksavedurl="sitenicin.htm" class="top_link"><span>»Siten İçin</span></a><span   class="top_link"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/mncbk.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/mncbk.png"   /></span></li> </ul> 	   		</div>  </div></div>   <div id="orta">   <div class="icerikosmn">

Tasarımın Altındaki Yazı

</div></div> <div id="alt">    <p class="altrklm">   <center>  <img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://08oyun.tr.gg" _fcksavedurl="http://08oyun.tr.gg" target="_blank">08Oyun</a></strong></span></span><span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong>  </strong></span></span><img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://5rize3.tr.gg" _fcksavedurl="http://5rize3.tr.gg" target="_blank">5rize3</a>  </strong></span></span><img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://kral-yaris.tr.gg" _fcksavedurl="http://kral-yaris.tr.gg" target="_blank">Kral-Yaris</a>  </strong></span></span><img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://double-maniac.tr.gg" _fcksavedurl="http://double-maniac.tr.gg" target="_blank">Double-Maniac</a>  </strong></span></span><img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://cupacup.tr.gg" _fcksavedurl="http://cupacup.tr.gg" target="_blank">Cupacup</a>  </strong></span></span><img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://bs-tasarimci.tr.gg" _fcksavedurl="http://bs-tasarimci.tr.gg" target="_blank">Bs-Tasarımcı</a></strong></span></span> <img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://yukselweb-tasarim.tr.gg/" _fcksavedurl="http://yukselweb-tasarim.tr.gg/" target="_blank">YWTasarım</a>  </strong></span></span><img alt="" src="https://img.webme.com/pic/o/osmantalay/grpls.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/grpls.gif" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://www.sebekenet.tr.gg" _fcksavedurl="http://www.sebekenet.tr.gg" target="_blank">Sebekenet</a></strong></span></span><center>    </div></div>

Css Kodu

table {margin-left: auto;margin-right: auto}   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 { margin-left:  auto; margin-right: auto; background: url( https://img.webme.com/pic/o/osmantalay/bgrt.gif) top center fixed; }        #tasarim{ width: 730px; margin-left:  auto; margin-right: auto;  }         #ust{ margin-left:  auto; margin-right: auto; background: url(https://img.webme.com/pic/o/osmantalay/usttoooo32.png); width: 730px; height: 150px; float: left; }        .logo { width:300x; padding: 0px 0 0 8px; float: left; font-size: 0px; color: #FFFFFF; font-family: Comic Sans MS; overflow: hidden;       } .reklamalani { width:250px; height: 60px; padding: 20px 0 0 90px; float: left; overflow: hidden; }           .ustmenuosman{ width:710px; height: 40px;  padding: 6px 0 0 12px; float: left; font-size: 18px; color: #000000; font-family: Trebuchet MS; overflow: hidden; }      #orta{ margin-left:  auto; margin-right: auto; background: url(https://img.webme.com/pic/o/osmantalay/orttooo2.png); width: 730px; height: 6; font-size: 13px; color: #000000; font-family: Arial; float: left; }      .menuosman{ width:0px; float: left; padding: 0 0 0 0px; overflow: hidden; }        .icerikosmn{ width:690px; float: left; padding: 0 0 0  20px; overflow: hidden; text-align: justify; }                .altrklm{ float: left; width:710px; height:20px; padding: 13px 0  0 12px;}        #alt{ margin-left:  auto; margin-right: auto; background: url(https://img.webme.com/pic/o/osmantalay/alttoo6.png); width: 730px; height: 75px; float: left; }            #kommentartext { background-image:url(http://i32.tinypic.com/4htfmf.jpg); }   input,textarea{     border: 1px solid #dddddd;      background: #eeeeee;     padding: 3px;} input:focus,textarea:focus{border: 1px solid #bbbbbb;}  input[type="submit"]{ background: url(https://img.webme.com/pic/o/osmantalay/bttnbg.jpg) repeat-x;  border: 1px solid #dddddd; padding: 2px 5px 2px 5px; color: #646464; text-decoration: none; margin-left: 5px; font-size: 11px;cursor: pointer;} input[type="submit"]:hover{border: 1px solid #bbbbbb; color: #000000; text-decoration: none;}   textarea.code{     border: 1px solid #dddddd;      background: #efefef;     width: 460px;     height: 45px;     font-size: 11px;     overflow: auto;     padding: 5px;     margin: 2px 0px 2px 0px; }  textarea.code:focus{     border: 1px solid #cccccc;      background: #fff; }          a:link { color: black; text-decoration: none; } a:visited { color: black; text-decoration: none; } a:hover { color: #ffffff; text-decoration: underline overline blink; }    hr {    border: 0;     border-top: 1px solid #000;     color: white;} tt {     background: #F2F2F2 ;     border: dotted 1px #D7D7D7;     padding: 5px 5px 5px 5px; font-size:12px }  code {     margin : 4px 8px;     padding : 8px;     text-align : left;     display : block;     overflow : auto;     font : 500 1em/1.5em 'Lucida Console', 'courier new', monospace;     background: #f8f4f1 url(https://img.webme.com/pic/o/osmantalay/otorsdstl.bmp) right top no-repeat;     border : 1px dashed #D7C3C3; }

Html Kodlar

Fbml Kodlar

Site içi Kodlar

JavaScript kodlari

HTML KODLARI | FBML KODLARI | Bedava Web Site Tasarım Araçları !

css tasarimlar