Mr-Raffy™-Kişisel Site - Css Tasarımlar

Css Tasarımlar

Tasaırm Üstü;

<div id="tasarim"> <div id="ust"> <div class="logo"> </div> <div class="reklamalani"> <a target="_blank" href="http://www.dogugundemi.tr.gg/"><img border="0" alt="" style="width: 470px; height: 72px;" src="https://img.webme.com/pic/d/dogugundemi/logo5.png" title="DoğuGündemi " /></a></div> <div class="ustmenuosman"> <table height="130" cellspacing="0" cellpadding="0" border="0" width="875"> <tbody> <tr> <td valign="top" height="100" background="duyurresm" align="center" width="495"> <table cellspacing="0" cellpadding="0" border="0" width="238"> <tbody> <tr> <td height="35" width="250"> </td> </tr> <tr> <td valign="top" height="89" align="left"> <strong> Duyuru Çubuğu <a href="http://mrossi.tr.gg/Duyuru-Cubugu-Kodu.htm" target="_self">Tıklayın...</a> II.Abdülhamit <a href="http://mrossi.tr.gg/2-.-Abd.ue.lhamit.htm" target="_self"><strong>Tıklayın... <br><a> <strong> </td> </tr> </tbody> </table> </td> <td valign="top" height="130" align="center"><img height="130" width="0" src="https://img.webme.com/pic/m/mrossi/aras.gif" alt="" /></td> <td valign="top" height="130" background="istsresm" align="center" width="430"> <table cellspacing="0" cellpadding="0" border="0" width="420"> <tbody> <tr> <td height="35" width="379"> </td> </tr> <tr> <td valign="top" height="89" align="left"> İyi Günler! - <strong><span style="color: rgb(0, 0, 0);"> </span></strong><span style="color: rgb(0, 0, 0);">Aktif: <script src="http://fastonlineusers.com/online.php?d=http://www.mrossi.tr.gg" type="text/javascript"></script><br /> IP No : 13.59.217.1</span><br /> Sayfa: Css TasarÄ±mlar<br /> Bugün: <strong>109</strong> Ziyaretçi - <strong> 128</strong> Tıklanma </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <style type="text/css"> .bg {background: url(images/button4.gif);} .menu {padding:0 0 0 2px; margin:0; list-style:none; height:40px; background:#fff url(https://img.webme.com/pic/m/mrossi/btn4.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; } .menu li.top {display:block; float:left; position:relative;} .menu li a.top_link {display:block; float:left; height:40px; line-height:40px; 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 18px 0 2px; height:40px;} .menu li a.top_link span.down {float:left; display:block; padding:0 18px 0 2px; height:40px; background:url(images/down.gif) no-repeat right top;} .menu li a.top_link:hover {color:#000; background: url(images/button4.gif) no-repeat;} .menu li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;} .menu li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;} .menu li:hover > a.top_link {color:#000; background: url(https://img.webme.com/pic/m/mrossi/mn6.gif) no-repeat;} .menu li:hover > a.top_link span {background:url(https://img.webme.com/pic/m/mrossi/mn6.gif) no-repeat right top;} .menu li:hover > a.top_link span.down {background:url(https://img.webme.com/pic/m/mrossi/mn6.gif) no-repeat right top;} .menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} .menu a:hover {visibility:visible;} .menu li:hover {position:relative; z-index:200;} .menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} .menu :hover ul.sub {left:0px; top:40px; right:1px; background: #fff; padding:3px 0; border:1px solid #000000; white-space:nowrap; width:150px; height:auto;} .menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:150px;} .menu :hover ul.sub li a {font-weight:normal;display:block; font-size:11px; height:20px; width:144px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;} .menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 400px 7px no-repeat;} .menu :hover ul.sub li a:hover {background:#999999; color:#fff;} .menu :hover ul.sub li a.fly:hover {background:#999999 url(https://img.webme.com/pic/m/mrossi/arrow_over.gif) 400px 7px no-repeat; color:#fff;} .menu :hover ul li:hover > a.fly {background:#999999 url(https://img.webme.com/pic/m/mrossi/arrow_over.gif) 400px 7px no-repeat; color:#fff;} .menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul :hover ul {left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid 999999; white-space:nowrap; width:200px; z-index:200; height:auto;} </style> <div> <ul class="menu"> <li class="top"><a href="Ana-Sayfa.htm" class="top_link"><span>Ana Sayfa</span></a> <ul class="sub"> <li><a href="http://mrossi.tr.gg/Z-.-Defteri.htm">Konuk Defteri</a></li> <li><a href="http://mrossi.tr.gg/Calismalarim.htm">Grafik Çalışmalarım</a></li> <li><a href="http://mrossi.tr.gg/Hakkimda.htm">Hakkımda</a></li> <li><a href="http://mrossi.tr.gg/Destek-Ol.htm">Destek Ol</a></li> <li><a href="http://mrossi.tr.gg/iletisim.htm">İletişim</a></li> <li><a href="http://mrossi.tr.gg/Toplist.htm">Toplist</a></li> <li><a href="http://mrossi.tr.gg/Sohbet.htm">Sohbet</a></li> <li><a href="http://mrossi.tr.gg/Search.htm">Arama</a></li> <li><a href="http://mrossi.tr.gg/Sitemap.htm">Sitemap</a></li> </ul> </li> <li class="top"><a href="#" class="top_link"><span>Webmaster</span></a> <ul class="sub"> <li><a href="http://mrossi.tr.gg/Siten-icin.htm">Siten İçin</a></li> <li><a href="http://mrossi.tr.gg/Tasarimlar.htm">Css Tasarımlar</a></li> <li><a href="http://mrossi.tr.gg/Tasarimlar2.htm">Css Tasarımlar2</a></li> <li><a href="http://mrossi.tr.gg/v5.htm">v5 Tasarım Kodları</a></li> <li><a href="http://mrossi.tr.gg/Htlm-Kodlari.htm">Htlm Kodları</a></li> <li><a href="http://mrossi.tr.gg/Yararli-Web-Siteleri.htm">Modifiye Siteler</a></li> <li><a href="ikon-arsivi.htm">İkon Arşivi</a></li> </ul> </li> <li class="top"><a href="#" class="top_link"><span>Aksaray</span></a> <ul class="sub"> <li><a href="http://www.mrossi.tr.gg/Aksaray.htm">Aksaray?</a></li> <li><a href="http://mrossi.tr.gg/Hasan-Dagi.htm">Hasan Dağı</a></li> <li><a href="http://mrossi.tr.gg/Ulu-Camii.htm">Ulu Camii</a></li> <li><a href="http://mrossi.tr.gg/Aksaray-Siiri.htm">Aksaray Şiiri</a></li> <li><a href="http://www.aksaray.bel.tr/kamera_valilik.aspx">Aksaray Canlı İzle1</a></li> <li><a href="http://www.aksaray.bel.tr/kamera_belediye.aspx">Aksaray Canlı İzle1</a></li> </ul> <li class="top"><a href="#" class="top_link"><span>Bizim Oda</span></a> <ul class="sub"> <li><a href="http://mrossi.tr.gg/Osmanli-Devleti.htm">Osmanlı Devleti</a></li> <li><a href="http://mrossi.tr.gg/2-.-Abd.ue.lhamit.htm">II.Abdülhamit</a></li> <li><a href="http://mrossi.tr.gg/Atat.ue.rk.htm">Atatürk Köşesi</a></li> <li><a href="http://mrossi.tr.gg/Uzaylilar-Varmi.htm">Uzaylılar Varmı?</a></li> <li><a href="http://mrossi.tr.gg/G.ue.zel-S.oe.zler.htm">Güzel Sözler</a></li> <li><a href="http://mrossi.tr.gg/ilginc-Bilgiler.htm">İlginç Bilgiler</a></li> <li><a href="http://mrossi.tr.gg/Yemek-Tarifleri.htm">Yemek Tarifleri</a></li> <li><a href="http://www.haber7.com">Haber Oku</a></li> <li><a href="# ">Eklenecek</a></li> </ul> <li class="top"><a href="#" class="top_link"><span>Messenger</span></a> <ul class="sub"> <li><a href="http://mrossi.tr.gg/Messenger-Nedir.htm">Messenger Nedir ?</a></li> <li><a href="http://mrossi.tr.gg/Msn-Arkaplanlari.htm">Msn Arkaplanları</a></li> <li><a href="Msn-Nickleri.htm">Msn Nickleri</a></li> </ul> <li class="top"><a href="#" class="top_link"><span>Dini Bölüm</span></a> <ul class="sub"> <li><a href="http://mrossi.tr.gg/Dinimiz.htm">Dinimiz</a></li> <li><a href="http://www.kurandinle.org">Kuran-ı Kerim Dinle</a></li> <li><a href="Dini-Bilgiler.htm">Dini Bilgiler</a></li> </ul> <li class="top"><a href="#" class="top_link"><span>Bilgisayar</span></a> <ul class="sub"> <li><a href="http://mrossi.tr.gg/Makalelerim.htm">Makaleler</a></li> <li><a href="http://mrossi.tr.gg/Pc-Hakkinda-Bilinmeyenler.htm">Bilinmeyenler</a></li> <li><a href="#">Eklenecek</a></li> </ul> <li class="top"><a href="#" class="top_link"><span>Eğlence</span></a> <ul class="sub"> <li><a href="http://mrossi.tr.gg/Oyunlar.htm">Oyunlar </a></li> <li><a href="#">Eklenecek</a></li> <li><a href="#">Eklenecek</a></li> </ul> <li class="top"><a href="#" class="top_link"><span>Sağlık</span></a> <ul class="sub"> <li><a href="http://mrossi.tr.gg/Grip.htm">Grip </a></li> <li><a href="http://mrossi.tr.gg/AIDS.htm">AIDS</a></li> <li><a href="http://mrossi.tr.gg/Kanser.htm">Kanser</a></li> <li><a href="http://mrossi.tr.gg/Menopoz.htm">Menepoz</a></li> </ul> </div> </div></div> <div id="orta"> <div class="icerikosman">

Tasarım Altı

</div> </div> <div id="alt"> <div id="footer"><p class="altreklam"> <center> <img alt="" src="https://img.webme.com/pic/m/mrossi/blt.png" middle="top" /><span style="font-size: small;"><strong><span style="font-family: century gothic;"> <a target="_blank" href="http://www.bayvet.tr.gg">Bayvet</a></span></strong></span> - <img alt="" src="https://img.webme.com/pic/m/mrossi/blt.png" middle="top" /><span style="font-size: small;"><strong><span style="font-family: century gothic;"> <a target="_blank" href="http://bscity.tr.gg">Bscity</a></span></strong></span> - <img alt="" src="https://img.webme.com/pic/m/mrossi/blt.png" middle="top" /><span style="font-size: small;"><strong><span style="font-family: century gothic;"> <a target="_blank" href="http://esintinet.tr.gg">Esintinet</a></span></strong></span> - <img alt="" src="https://img.webme.com/pic/m/mrossi/blt.png" middle="top" /><span style="font-size: small;"><strong><span style="font-family: century gothic;"> <a target="_blank" href="http://web-tube.tr.gg">Web-Tube</a> - </span></strong></span><img alt="" src="https://img.webme.com/pic/m/mrossi/blt.png" middle="top" /> <a target="_blank" href="http://derslik1.tr.gg"><span style="font-size: small;"><strong><span style="font-family: century gothic;">Derslik1</span></strong></span></a> - <img alt="" src="https://img.webme.com/pic/m/mrossi/blt.png" middle="top" /><span style="font-size: small;"><strong><span style="font-family: century gothic;"> <a target="_blank" href="http://tasarim-t.tr.gg">Tasarım-T</a></span></strong></span> - <img alt="" src="https://img.webme.com/pic/m/mrossi/blt.png" middle="top" /><span style="font-size: small;"><strong><span style="font-family: century gothic;"> <a target="_blank" href="http://faintried.tr.gg/">Kalpsiz-Onu?</a></span></strong></span> - <img alt="" src="https://img.webme.com/pic/m/mrossi/blt.png" middle="top" /><span style="font-size: small;"><strong><span style="font-family: century gothic;"> <a target="_blank" href="http://mrossi.tr.gg/iletisim.htm">Link Takas</a></span></strong></span> - <img alt="" src="https://img.webme.com/pic/m/mrossi/blt.png" middle="top" /><span style="font-size: small;"><strong><span style="font-family: century gothic;"> <a target="_blank" href="http://mrossi.tr.gg/iletisim.htm">Link Takas</a></span></strong></span><center> </div></div>

Css

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/m/mrossi/1bcgr.jpg ) top center fixed; } #tasarim{ width: 900px; margin-left: auto; margin-right: auto; } #ust{ margin-left: auto; margin-right: auto; background: url( https://img.webme.com/pic/m/mrossi/nst2.gif ); width: 900px; height: 340px; float: left; } .logo { } .reklamalani { width:468px; height:70px; padding: 38px 0 0 408px; float: left; overflow: hidden; } .ustmenuosman { width:862px; height:400px; padding: 35px 0 0 17px; float: left; font-size: 13px; color: #000000; font-family: century gothic; overflow: hidden; } #orta{ margin-left: auto; margin-right: auto; background: url( https://img.webme.com/pic/m/mrossi/orte.gif); width: 900px; height: 100%; float: left; } .icerikosman { width:850px; float: left; padding: 0 0 0 24px; overflow: hidden; text-align: justify; } .altreklam{ float: left; width:875px; height:25px; padding: 16px 0 0 20px;} #alt{ margin-left: auto; margin-right: auto; background: url( https://img.webme.com/pic/m/mrossi/alte.gif ); width: 900px; height: 117px; float: left; } input[type="text"] { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://turk.jotform.com/images/styles/style1_txt_bg.gif) repeat-x top; } input[type="text"]:focus, input[type="text"]:active { border-color : #777; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #c6c7ca; background : #e4e4e4 url(https://img.webme.com/pic/m/mrossi/style1_btn_bg.gif) repeat-x top; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(https://img.webme.com/pic/m/mrossi/style1_txt_bg.gif) repeat-x top; } a:link, a:visited { color: #000000; text-decoration: none; font-weight: ; } a:hover { text-decoration: none; color: cornflowerblue ; } ::-moz-selection { background:#arkaplanrengi; color:#87CEFA; } /* Font Özellikkleri Tüm Sayfalarda */ td { color:#000000; font-size:14px; text-align:left; font-family: century gothic; }

TASARIM ÜSTÜ;

<div id="tasarim"> <div id="ust"> <div class="logo"> <a href="http://www.mrossi.tr.gg/" target="_self"><img height="100" border="0" width="298" src="https://img.webme.com/pic/m/mrossi/lgnew.gif" alt="" /></a> </div> <div class="reklamalani"> <a href="http://www.mrossi.tr.gg"><img border="0" title="MrOssi.Tr.Gg" src="https://img.webme.com/pic/m/mrossi/newbnner.gif" style="width: 468px; height: 64px;" alt="" /></a></div> <div class="ustmenuosman"> <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .indentmenu{ font: bold 13px Arial; width: 100%; /*leave this value as is in most cases*/ overflow: hidden; } .indentmenu ul{ margin: 0; padding: 0; float: left; width: 100%; /*width of menu*/ border: 1px solid #C0C0C0 ; /*dark purple border*/ border-width: 1px 0; background: gainsboro url(media/indentbg.gif) center center repeat-x; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; color: gray ; /*text color*/ padding: 5px 11px; text-decoration: none; border-right: 1px solid #C0C0C0; /*dark purple divider between menu items*/ } .indentmenu ul li a:visited{ color: gray; } .indentmenu ul li a:hover, .indentmenu ul li .current{ color:gray !important; /*text color of selected and active item*/ padding-top: 6px; /*shift text down 1px for selected and active item*/ padding-bottom: 4px; /*shift text down 1px for selected and active item*/ background: #d3d3d3 url(media/indentbg2.gif) center center repeat-x; } </style> <div class="indentmenu"> <ul> <li><a href="http://mrossi.tr.gg">Ana Sayfa</a></li> <li><a href="http://mrossi.tr.gg/defter.htm">Z.Defteri</a></li> <li><a href="http://mrossi.tr.gg/iletisim.htm">İletişim</a></li> <li><a href="http://mrossi.tr.gg/Toplist.htm">Toplist</a></li> <li><a href="http://mrossi.tr.gg/Hakkimda.htm">Hakkımda</a></li> <li><a href="http://mrossi.tr.gg/Aksaray.htm">Aksaray</a></li> <li><a href="http://mrossi.tr.gg/Sohbet.htm">Sohbet</a></li> <li><a href="http://www.mrossi.tr.gg/Search.htm">Arama</a></li> <li><a href="http://mrossi.tr.gg/Bizim-Oda.htm">Bizim Oda</a></li> <li><a href="http://mrossi.tr.gg/Siten-%26%23304%3Bcin.htm">Siten İçin</a></li> </div> <table height="396" cellspacing="0" cellpadding="0" border="0" width="729" style="width: 0px; height: 6px;"> <tbody> <tr> <td valign="top" align="left" width="0"> <table cellspacing="0" cellpadding="0" border="0" background="https://img.webme.com/pic/m/mrossi/dyrusl68.bmp" style="width: 116px; height: 44px;"> <tbody> <tr> <td align="center"> </td> </tr> </tbody> </table> </td> <td valign="top" align="center"> <table cellspacing="0" cellpadding="0" border="0" background="https://img.webme.com/pic/m/mrossi/dyrrasa68.bmp" style="width: 700px; height: 44px;"> <tbody> <tr> <td align="center"><strong> <marquee> <span style="font-family: Arial;"> Sitemize Yeni Makaleler Eklendi - Ana Sayfamızın Görünümü Değişti - </span></marquee> </strong></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <div id="sidebar_container"> </div> </div></div> <div id="orta"> <div class="menuosman"> <div class="arrowlistmenu"> </div> </div> <div class="icerikosman">

Tasarımın Altındaki Yazı
</div> </div> <div id="alt"> <div id="footer"><p class="altreklam"> <br><br> <strong><span style="color: rgb(0, 0, 0);">Bugün: 74 - Tıklanma: 531 - Aktif: <script src="http://fastonlineusers.com/online.php?d=http://www.pckent.tr.gg" type="text/javascript"></script> - IP : 88.242.226.236 - </span></strong><span style="color: rgb(0, 0, 0);"> <script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style type="text/css"> html .fb_share_link { padding:5px 0 0 20px; height:20px; background:url(https://img.webme.com/pic/p/pckent/face.png) no-repeat top left; }</style><a title="Facebook'ta Paylaş" onclick="return fbs_click()" class="fb_share_link" target="_blank" href="http://www.facebook.com/share.php?u=<url>"><span style="color: red;"><strong><br /> </strong></span> </a> </span> </div></div> </div> Realist Vs </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/m/mrossi/backgr3.jpg) top center fixed; } #tasarim{ width: 850px; margin-left: auto; margin-right: auto; } #ust{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/m/mrossi/ust12.gif); width: 850px; height: 329px; float: left; } .logo { width:319px; padding: 22px 0 0 30px; float: left; font-size: 0px; color: #FFFFFF; font-family: Comic Sans MS; overflow: hidden; } .reklamalani { width:468px; padding: 47px 0 0 0px; float: left; overflow: hidden; } .ustmenuosman { width:810px; padding: 15px 0 0 20px; float: left; font-size: 13px; color: #000000; font-family: Comic Sans MS; overflow: hidden; } #orta{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/m/mrossi/ortaa12.gif); width: 850px; height: 375; font-size: 13px; color: #000000; font-family: Arial; float: left; } .menuosman{ width:0px; float: left; padding: 0 0 0 0px; overflow: hidden; } .icerikosman { width:810px; float: left; padding: 0 0 0 20px; overflow: hidden; text-align: justify; } .altreklam{ margin-left:auto; margin-right: auto; width:810px; height:65px; padding: 40px 0 55px;} #alt{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/m/mrossi/alt12.gif); width: 850px; height: 171px; float: left; } input { padding: 2px; margin-right: 1px; background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp); border: 1px solid #696969; border-left:5px solid #696969; color: #CA143C; font-Arial ; font-size:13px; } input:hover{ padding: 2px; margin-right: 1px; background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp); border: 1px solid #FF0000; border-left:5px solid #FF0000; color: #FF0000; font-Arial; font-size:13px; } textarea { padding: 2px; margin-right: 1px; background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp); border: 1px solid #696969; border-left:5px solid #696969; color: #FF0000; font-Arial; font-size:13px; } textarea:hover { padding: 2px; margin-right: 1px; background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp); border: 1px solid #FF0000; border-left:5px solid #FF0000; color: #FF0000; font-Arial; font-size:13px; } a:link, a:visited { color: #000000; text-decoration: none; font-weight: ; } a:hover { text-decoration: none; color: dimgray; } ::-moz-selection { background:#arkaplanrengi; color:#FF0000; }

Tasarımın Üzeri

<div id="hast"> <div id="headerben"> <div class="iconcan"> <a href="http://mrossi.tr.gg" _fcksavedurl="http://mrossi.tr.gg" target="_self"><span style="font-size: medium;"><strong><img height="60" border="0" width="436" src="https://img.webme.com/pic/m/mrossi/newbnner.gif" _fcksavedurl="https://img.webme.com/pic/m/mrossi/newbnner.gif" alt="" /></strong></span></a> </div><div class="menucan"> <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .indentmenu{ font: bold 13px Arial; width: 100%; /*leave this value as is in most cases*/ overflow: hidden; } .indentmenu ul{ margin: 0; padding: 0; float: left; width: 100%; /*width of menu*/ border: 1px solid #FFFFFF; /*dark purple border*/ border-width: 1px 0; background: lightskyblue url(media/indentbg.gif) center center repeat-x; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; color: white; /*text color*/ padding: 5px 11px; text-decoration: none; border-right: 1px solid #FFFFFF; /*dark purple divider between menu items*/ } .indentmenu ul li a:visited{ color: white; } .indentmenu ul li a:hover, .indentmenu ul li .current{ color: white !important; /*text color of selected and active item*/ padding-top: 6px; /*shift text down 1px for selected and active item*/ padding-bottom: 4px; /*shift text down 1px for selected and active item*/ background: black url(media/indentbg2.gif) center center repeat-x; } </style> <div class="indentmenu"> <ul> <li><a href="http://www.osmantalay.tr.gg/" _fcksavedurl="http://www.osmantalay.tr.gg/">Ana Sayfa</a></li> <li><a href="http://osmantalay.tr.gg/Konuk-Defteri.htm" _fcksavedurl="http://osmantalay.tr.gg/Konuk-Defteri.htm">Z.Defteri</a></li> <li><a href="http://osmantalay.tr.gg/iletisim.htm" _fcksavedurl="http://osmantalay.tr.gg/iletisim.htm">İletişim</a></li> <li><a href="http://osmantalay.tr.gg/Hakkimda.htm" _fcksavedurl="http://osmantalay.tr.gg/Hakkimda.htm">Hakkımda</a></li> <li><a href="http://osmantalay.tr.gg/Sohbet.htm" _fcksavedurl="http://osmantalay.tr.gg/Sohbet.htm">Sohbet</a></li> <li><a href="http://osmantalay.tr.gg/Aksaray.htm" _fcksavedurl="http://osmantalay.tr.gg/Aksaray.htm">Aksaray</a></li> <li><a href="http://osmantalay.tr.gg/Destek-Ol.htm" _fcksavedurl="http://osmantalay.tr.gg/Destek-Ol.htm" class="current">Destek Ol</a></li> <li><a href="http://osmantalay.tr.gg/Toplist.htm" _fcksavedurl="http://osmantalay.tr.gg/Toplist.htm">Toplist</a></li> <li><a href="http://osmantalay.tr.gg/Css-Tasarimlar.htm" _fcksavedurl="http://osmantalay.tr.gg/Css-Tasarimlar.htm">Tasarımlar</a></li> <li><a href="http://osmantalay.tr.gg/Htlm-Kodlari.htm" _fcksavedurl="http://osmantalay.tr.gg/Htlm-Kodlari.htm">Html Kodları</a></li> <li><a href="http://bedava-sitem.com" _fcksavedurl="http://bedava-sitem.com">Kaynak</a></li> </div> <table height="396" cellspacing="0" cellpadding="0" border="0" width="855" style="width: 0px; height: 0px;"> <tbody> <tr> <td valign="top" align="left" width="400"> <table cellspacing="0" cellpadding="0" border="0" background="https://img.webme.com/pic/m/mrossi/soldyru68.bmp" style="width: 100px; height: 44px;"> <tbody> <tr> <td align="center"> </td> </tr> </tbody> </table> </td> <td valign="top" align="center"> <table cellspacing="0" cellpadding="0" border="0" background="https://img.webme.com/pic/m/mrossi/sagdyru68.bmp" style="width: 778px; height: 44px;"> <tbody> <tr> <td align="center"><strong> <marquee> <span style="font-family: Tahoma;"> Burası Duyurular- Mrossi.tr.gg </span></marquee> </strong></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <div id="sidebar_container"> </div> </div></div> <div id="icerik"> <div id="icontent"> <div class="writer">

Tasarımın Altı
</div> </div> </div> <div id="footerbe"><div class="destekcan"> <br><br> <br> <br> <br> <strong></strong>Tasarimlar | Bugün: 67 | Klik: 362 | Aktif: <script src="http://fastonlineusers.com/online.php?d=http://wwwosmantalay.tr.gg" type="text/javascript"></script> | IP: 88.224.126.91 </div> </div></div> </div> Realist Vb Kodlar <br>

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/m/mrossi/mviarkplan68.png);} #hast { width: 900px; margin-left: auto; margin-right: auto; text-align: left;} #headerben{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/m/mrossi/ustbaslik.png); width: 900px; height: 197px; float: left;} .iconcan { margin-left: auto; margin-right:auto; width:470px; padding: 35px 0 0 0; float: right;} .menucan{ margin-left: auto; margin-right:auto; width:879px; padding: 5px 0 0 10px; float: left;} #icerik { margin-left : auto; margin-right : auto; background : url(https://img.webme.com/pic/m/mrossi/ortrsm68.png); float : left; overflow : hidden; text-align : justify; } #icontent { margin-left: auto; margin-right:auto; width: 875px; padding: 0 0 0 25px; overflow:hidden ; float: left; text-align:justify;} .writer{ margin-left: auto; margin-right:auto; width: 845px; padding:0 0 40px; float: left; overflow: hidden; text-align:justify;} #footerbe{ margin-left: auto; margin-right: auto; background:url(https://img.webme.com/pic/m/mrossi/altresim1.png); width: 900px; height: 246px; float: left;} .destekcan { margin-left: auto; margin-right:auto; width: 878px; padding:40px 0 0 10px; float:left; overflow:hidden; text-align:justify;} input { padding: 1px; margin-right: 1px; background-image: url(https://img.webme.com/pic/m/mrossi/borderark.bmp); border: 1px solid #000000; color: #000000; } textarea { color: #000000; padding: 1px; background:#FFFFFF url(https://img.webme.com/pic/o/osmantalay/border68.bmp) no-repeat; border: 1px solid #000000; margin-right: 1px; } a:link, a:visited { color: #00BFFF; text-decoration: none; font-weight: ; } a:hover { text-decoration: none; color: dimgray; } ::-moz-selection { background:#arkaplanrengi; color:#FF0000; }

TASARİM ÜSTÜ

</head> <body> <div id="wrap"> <div id="header"> <div id="topnav"> <ul> <li id="first" class="active"><a href="http://faintried.tr.gg/" _fcksavedurl="http://faintried.tr.gg/">Home</a></li> <li><a href="http://faintried.tr.gg/guestbook.htm" _fcksavedurl="http://faintried.tr.gg/guestbook.htm">Konuk Defteri</a></li> <li><a href="http://faintried.tr.gg/iletisim.htm" _fcksavedurl="http://faintried.tr.gg/iletisim.htm">İletisim</a></li> <li><a href="http://faintried.tr.gg/kalpsizonur.htm" _fcksavedurl="http://faintried.tr.gg/kalpsizonur.htm">Kalpsizonur</a></li> <li><a href="http://faintried.tr.gg/destek.htm" _fcksavedurl="http://faintried.tr.gg/destek.htm">Bannerlerimiz</a></li> <li><a href="http://faintried.tr.gg/anlatsiteni.htm" _fcksavedurl="http://faintried.tr.gg/anlatsiteni.htm">Anlat Siteni</a></li> <li><a href="http://faintried.tr.gg/webgraphic.htm" _fcksavedurl="http://faintried.tr.gg/webgraphic.htm">Tasarimlar</a></li> <li><a href="http://faintried.tr.gg/csshtmlkod.htm" _fcksavedurl="http://faintried.tr.gg/csshtmlkod.htm">Hazır Kodlar</a></li> </ul> </div> </div> <div id="contents"> <div id="main">

TASARİM ALTİ

</div> <div id="m1"><script src="http://kalpsizonur.sitemynet.com/gununsozu.js" type="text/javascript"></script><center><style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .arrowlistmenu{ width: 250px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial; color: white; background: black url(media/titlebar.png) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ } .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ color: #A70303; background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 100px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3; } </style> <div class="arrowlistmenu"> <h3 class="headerbar" style="text-align: left; ">Ana Menü</h3> <ul> <li style="text-align: left; "><a href="http://esintinet.tr.gg/" _fcksavedurl="http://esintinet.tr.gg/">Anasayfa</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm" _fcksavedurl="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm">İletişim</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Konuk-Defteri.htm" _fcksavedurl="http://esintinet.tr.gg/Konuk-Defteri.htm">Ziyaretçi Defteri</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Forum/index.htm" _fcksavedurl="http://esintinet.tr.gg/Forum/index.htm">Forum</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Top-liste.htm" _fcksavedurl="http://esintinet.tr.gg/Top-liste.htm">Toplist</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Search.htm" _fcksavedurl="http://esintinet.tr.gg/Search.htm">Arama Yap</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Destek-Ol.htm" _fcksavedurl="http://esintinet.tr.gg/Destek-Ol.htm">Destek Ol</a></li> <li style="text-align: left; "><a href="http://www.facebook.com/pages/wWwEsInTiNeTTrGg/10150113488890252" _fcksavedurl="http://www.facebook.com/pages/wWwEsInTiNeTTrGg/10150113488890252">Facebook Sayfamız</a></li> </ul> <h3 class="headerbar" style="text-align: left; ">SİTEN İÇİN</h3> <ul> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Tasarimlar.htm" _fcksavedurl="http://esintinet.tr.gg/Tasarimlar.htm">Tasarımlar</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/HTML-Kodlari.htm" _fcksavedurl="http://esintinet.tr.gg/HTML-Kodlari.htm">Html Kodlar</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/ikon-Arsivi.htm" _fcksavedurl="http://esintinet.tr.gg/ikon-Arsivi.htm">İkon Arşivi</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/FBML-Kodlari.htm" _fcksavedurl="http://esintinet.tr.gg/FBML-Kodlari.htm">Facebook Fbml Kodları</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Modifiye-Site.htm" _fcksavedurl="http://esintinet.tr.gg/Modifiye-Site.htm">Modifiye Siteler</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Userbarlar.htm" _fcksavedurl="http://esintinet.tr.gg/Userbarlar.htm">Usebarlar</a></li> </ul> </div> <div class="arrowlistmenu"> <h3 class="headerbar" style="text-align: left; ">Eglence BOLUMU</h3> <ul> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Canli-Tv.htm" _fcksavedurl="http://esintinet.tr.gg/Canli-Tv.htm">Canlı Tv İzle</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Film-izle.htm" _fcksavedurl="http://esintinet.tr.gg/Film-izle.htm">Film İzle</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Video.htm" _fcksavedurl="http://esintinet.tr.gg/Video.htm">Video izle</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Mp3-Player.htm" _fcksavedurl="http://esintinet.tr.gg/Mp3-Player.htm">Mp3 Dinle</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Oyun.htm" _fcksavedurl="http://esintinet.tr.gg/Oyun.htm">Oyun Oyna</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Sohbet.htm" _fcksavedurl="http://esintinet.tr.gg/Sohbet.htm">Sohbet Et</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Fikralar.htm" _fcksavedurl="http://esintinet.tr.gg/Fikralar.htm">Fıkra Oku</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Bilmeceler.htm" _fcksavedurl="http://esintinet.tr.gg/Bilmeceler.htm">Bilmeceler</a></li> </ul> <h3 class="headerbar" style="text-align: left; ">Bizim Oda</h3> <ul> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Astroloji.htm" _fcksavedurl="http://esintinet.tr.gg/Astroloji.htm">Astroloji</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Ataturk-Kosesi.htm" _fcksavedurl="http://esintinet.tr.gg/Ataturk-Kosesi.htm">Atatürk Koşesi</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Biyografiler.htm" _fcksavedurl="http://esintinet.tr.gg/Biyografiler.htm">Ünlülerin Biyografileri</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/ilginc-Bilgiler.htm" _fcksavedurl="http://esintinet.tr.gg/ilginc-Bilgiler.htm">İlginç Bilgiler</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Guzel-Sozler.htm" _fcksavedurl="http://esintinet.tr.gg/Guzel-Sozler.htm">Güzel Sözler</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Komik-Diyaloglar.htm" _fcksavedurl="http://esintinet.tr.gg/Komik-Diyaloglar.htm">Komik Diyaloglar</a></li> </ul> <center> </center></div> </center></div> <div class="clear"></div> <div id="bottom"> <div class="columns"> <h3>İletişim Bilgileri</h3> <p><strong><img alt="Gtalk" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/irc_protocol.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/irc_protocol.png" /> Gtalk :</strong> gtalk@gtalk.com</p> <p><strong><img alt="Yahoo" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/yahoo_protocol.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/yahoo_protocol.png" /> Yahoo :</strong> yahoo@yahoo.com</p> <p><strong><img alt="MSN" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/msn_protocol.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/msn_protocol.png" /> MSN :</strong> Kalpsizonur@drunkfunk.in<br /> <strong><br /> <span class="Apple-style-span" style="font-weight: normal; "><strong><img alt="MSN" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/msn_protocol.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/msn_protocol.png" /> MSN :</strong> Mresinti@hotmail.com</span></strong><b><br /> </b></p> </div> <div class="columns"> <h3>Contact Us</h3> <p><img alt="Call" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/telephone.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/telephone.png" /> Call : +91 9124563789</p> <p><img alt="email" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/mail_generic.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/mail_generic.png" /> General Emails : email@server.com</p> <p><img alt="email" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/mail_generic.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/mail_generic.png" /> Careers Related Enquiries : hr@server.com</p> <p><img alt="email" width="16" height="16" src="http://ramblingsoul.com/preview/rs18/images/mail_generic.png" _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/mail_generic.png" /> Partnership enquiries : Partners@server.com</p> </div> <div class="columns"> <h3>Reach Us</h3> <p>1st Floor</p> <p>ABCD Building, XYZ Street</p> <p>City of God, State</p> <p>Country, Zip Code - 123456</p> </div> <div class="clear"></div> </div> <div id="midbottom"></div> <div id="footer"></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;} a:link, a:link, a:visited, a:hover{text-decoration:none;} * {padding:0; margin:0;} a, a:visited {color: #3366ff;} a:hover {color:#ff3333; text-decoration:none;} body{font:12px "Clear Type",arial,verdana,helvetica,sans-serif;color:#000;background:url(https://img.webme.com/pic/f/faintried/vector-bg.jpg) top center fixed} #wrap { width:894px; margin:auto;} .hide { display: none; } #header {background:url(https://img.webme.com/pic/f/faintried/deneme.png) no-repeat; height:225px; } #contents {background:url(https://img.webme.com/pic/f/faintried/desing3.png) repeat-y; padding:0px 5px 0 5px;} .clear {clear:both;} #bottom {background:url(https://img.webme.com/pic/f/faintried/desing4.jpg) repeat-x; height:124px;} #footer {background:url(https://img.webme.com/pic/f/faintried/desing6.png) no-repeat; height:155px;} #bottom .columns { padding: 5px; float: left; width: 32%; } #contents #left { padding: 8px; width: 550px; float: left; } #contents #sidebar { width: 290px; float: right; padding: 8px; } #left p { line-height: 16px; margin-bottom: 15px; } .service_img { display: block; float: left; border-style: none; margin-right: 5px; margin-left: 5px; } #wrap #contents #left ul li { display: block; background: url(../images/bullet.jpg) no-repeat 0px 3px; padding: 5px 5px 5px 10px; margin-left: 15px; margin-bottom: 3px; } br.clear { display: block; clear: both; height: 1px; } #main { float: left; width: 580px; padding: 0; margin: 0 0 0 10px; display: inline;} #main h4 { font: bold 2.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif; color: #51432F; padding: 10px 0 5px 5px; margin-left: 5px; letter-spacing: -2px; border-bottom: 1px solid #E4F2C8;} #m1 { width: 240px; float: right; padding:5px 30px 5px 5px; } /* form elements */ form { margin: 20px 10px; padding: 15px 25px 25px 20px; border: 1px solid #EEE8E1; background: #FAF7F5; } form p { border-bottom: 1px solid #ECE5DD; padding: 12px 0 5px 0; margin: 0; color: #9D6D37; } label { font-weight: bold; color: #A7743B; } input, select, textarea { margin: 5px 0; padding: 5px; color: #6A6969; border-width: 1px; border-style: solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; } option { padding-right: 0.5em; } #name, #email, #message, #website{ width: 455px; } input.button { font: bold 12px Arial, Sans-serif; height: 30px; margin: 0; padding: 2px 3px; color: #fff; background: #A6CD56; border-width: 1px; border-style: solid; border-color: #C4DE8F #8DB836 #8DB836 #C4DE8F; } #kommentartext,#gbooktext{background:url(https://img.webme.com/pic/b/bedavasitem-st/ereef.png)} #m1 h2 {display:block; color:#069; font:16px "Trebuchet MS", Arial, sans-serif; padding:5px; border-bottom: solid 1px #bbb; text-transform:uppercase;} #m1 ul {list-style:none; margin-bottom:15px;} #m1 li {display:block; height:26px; border-bottom:solid 1px #ddd;} #m1 a, #m1 a:visited {display:block; height:21px; padding:5px 5px 0 5px; color:#333; text-decoration:none;} #m1 a:hover { color:#069;} h3.sd1 { font-size:12px; text-transform:uppercase; color: #ff9966; display:block; padding:5px; border:solid 1px #ffffff; background: #ffffcc; } .cm1 {padding:0 9px 0 9px;} .cm5 {width:30%; float:left;} .cm7 {width:30%; float:right;} .cm6 {margin:0 32% 0 32%;} .clear2 {width:590px; clear:left; float:right; color:#fff!important;} .cm1 div {background:#f3fbe0; height:200px;} .cm1 div p {padding:5px;} #topnav{height:56px;} #topnav ul {padding:14px 15px 0; font: bold 14px "Trebuchet MS", halvetica, Verdana, sans-serif; text-transform:uppercase;} #topnav li { display:block; float:left; height: 41px; background: url(http://ramblingsoul.com/preview/rs18/images/menu_line.gif) no-repeat left top; padding-left: 5px; } #topnav a { display: block; height:38px; padding:3px 10px 0 10px; text-decoration:none; color:#7098c6; float:left;} #topnav li#first {background:none!important;} #topnav .active a {background:url(#) no-repeat center 27px; color:#184896;} #topnav a:visited, #topnav a:active {color:#7098c6; text-decoration:none;} #topnav a:hover {color:#184896;} #headercolumn1 { width: 550px; padding-left: 15px; float: left; }

Tasarımın Üzerindeki Yazı
  <div id="wrap">  <div id="header"> <h1 id="logo-text"> osman <a href="index.html" _fcksavedurl="index.html" _fcksavedurl="index.html" _fcksavedurl="index.html" _fcksavedurl="index.html"></a> <div id="header-links"> </div> </div> <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ #ddcolortabs{ margin-left: 4px; padding: 0; width: 100%; background: transparent; voice-family: ""}""; voice-family: inherit; padding-left: 5px; } #ddcolortabs ul{ font: bold 11px Arial, Verdana, sans-serif; margin:0; padding:0; list-style:none; } #ddcolortabs li{ display:inline; margin:0 2px 0 0; padding:0; text-transform:uppercase; } #ddcolortabs a{ float:left; color: white; background: #666666 url(media/color_tabs_left.gif) no-repeat left top; margin:0 2px 0 0; padding:0 0 1px 3px; text-decoration:none; letter-spacing: 1px; } #ddcolortabs a span{ float:left; display:block; background: transparent url(media/color_tabs_right.gif) no-repeat right top; padding:4px 9px 2px 6px; } #ddcolortabs a span{ float:none; } #ddcolortabs a:hover{ background-color: #BFBFBF; } #ddcolortabs a:hover span{ background-color: #BFBFBF; } #ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/ background-color: #BFBFBF; } #ddcolortabsline{ clear: both; padding: 0; width: 100%; height: 8px; line-height: 8px; background: #666666; border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/ } </style> <div id="ddcolortabs"> <ul> <li style="margin-left: 1px"><a href="http://www.dynamicdrive.com" _fcksavedurl="http://www.dynamicdrive.com" _fcksavedurl="http://www.dynamicdrive.com" title="Home"><span>Home</span></a></li> <li><a href="http://www.dynamicdrive.com/new.htm" _fcksavedurl="http://www.dynamicdrive.com/new.htm" _fcksavedurl="http://www.dynamicdrive.com/new.htm" title="New"><span>New</span></a></li> <li id="current"><a href="http://www.dynamicdrive.com/revised.htm" _fcksavedurl="http://www.dynamicdrive.com/revised.htm" _fcksavedurl="http://www.dynamicdrive.com/revised.htm" title="Revised"><span>Revised</span></a></li> <li><a href="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" title="Tools"><span>Tools</span></a></li> <li><a href="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" title="Tools"><span>Tools</span></a></li> <li><a href="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" title="Tools"><span>Tools</span></a></li> <li><a href="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" title="Tools"><span>Tools</span></a></li> <li><a href="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" title="Tools"><span>Tools</span></a></li> <li><a href="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" title="Tools"><span>Tools</span></a></li> <li><a href="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" title="Tools"><span>Tools</span></a></li> <li><a href="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" title="Tools"><span>Tools</span></a></li> <li><a href="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" _fcksavedurl="http://tools.dynamicdrive.com" title="Tools"><span>Tools</span></a></li> <li><a href="http://www.dynamicdrive.com/forums/" _fcksavedurl="http://www.dynamicdrive.com/forums/" _fcksavedurl="http://www.dynamicdrive.com/forums/" title="DHTML Forums"><span>Forums</span></a></li> </ul> </div> <div id="ddcolortabsline"> </div> <p class="info">Yazı</p> <style type="text/css"> .info { background: #BFBFBF url(http://xyberneticos.com/demos/Mensajes_css/images/info.gif) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 8px 25px 8px 50px; border-top: 2px solid #000000; border-bottom: 2px solid #000000; color:#000000; } </style>  <div id="menu"> <div align="center"> <tr> <td> <ul> </table> </div></div>  <div id="content-wrap"> <div id="sidebar"><div class="left-box"> <p class="align-right"> </p> </div> </div> 
Tasarımın Altındaki Yazı
  </div>  <div id="footer"> </div>  </div><br> 
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{display: none;} table iframe { margin-left: 150px } lli.nav_element{display: none;} li.nav_element a{display: none;} 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;} /* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body { background-image:url(Arkplan);background-color:#ffffff; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #555; text-align: center; } /* links */ a, a:visited { text-decoration: none; color: #2180BC; background: inherit; } a:hover { color: #88ac0b; background: inherit; text-decoration: underline; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; } h1 { font-size: 150%; font-weight: normal; color: #cccccc; } h2 { font-size: 140%; text-transform: uppercase; color: #cccccc; } h3 { font-size: 120%; color: #cccccc; } h1, h2, h3, p { padding: 10px; margin: 0; } ul, ol { margin: 5px 20px; padding: 0 20px; } /******************************************** Design ********************************************/ #wrap { width: 920px; background: url(https://img.webme.com/pic/d/deneme688/ortaadneme23.png) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 918px; padding: 0; margin: 10px auto; } #header { width: 920px; position: relative; height: 150px; background: #fff url(https://img.webme.com/pic/d/deneme688/baslikdnm33.png) no-repeat center top; padding: 0; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bolder 24px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; text-decoration: none; background: transparent; /* change the values of top and left to adjust the position of the logo*/ top: 25px; left: 27px; } background: url(https://img.webme.com/pic/d/deneme688/ortaadneme23.png) repeat-x 0 0; font: bold 12px/17px Verdana, Arial, Tahoma, Sans-serif; height: 18px; width: 920px; } #menu ul { float: right; list-style: none; margin:0; padding: 0; } #menu ul li { display: inline; } #menu ul li a { display: block; float: left; padding: 0 12px; color: #000000; text-decoration: none; } #menu ul li.last a { padding-right: 20px; } #main h2 { margin-top: 30px; font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF none no-repeat 3px 50%; text-transform: none; } #main h2 a { background: none; color: #88ac0b; text-decoration: none; } #main ul li { list-style-image: none; } .post-footer { background-color: #FAFAFA; padding: 5px; margin: 20px 10px 10px 10px; border: 1px solid #f2f2f2; font-size: 95%; } .post-footer .date { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } /* Sidebar */ #sidebar { float: right; width: 26.5%; padding: 0; margin: 0; color: #000; } #sidebar h3 { margin-top: 10px; padding: 20px 20px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #bc0303; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; background: none repeat-x left top; } #sidebar ul.sidemenu li { list-style: none; background: none repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 20px; color: #bc0303; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; background-image: none; color: #666666; } #sidebar ul.sidemenu li a:hover { color: #1773BC; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: none; } /* Footer */ #footer { color: #C6DDEE; background: url(https://img.webme.com/pic/d/deneme688/asagiiiidne3.png) no-repeat center top; clear: both; width: 920px; height: 170px; text-align: center; font-size: 92%; } #footer a { color: #FFF; text-decoration: none; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .clear { clear: