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

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ı
<!--Bu bir Osman TALAY Tasarimidir--> <!-- wrap starts here --> <div id="wrap"> <!--header --> <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> <!-- menu --> <div id="menu"> <div align="center"> <tr> <td> <ul> </table> </div></div> <!-- content-wrap starts here --> <div id="content-wrap"> <div id="sidebar"><div class="left-box"> <p class="align-right"> </p> </div> </div> <!--Bu bir Osman TALAY Tasarimidir-->
Tasarımın Altındaki Yazı
<!--Bu bir Osman TALAY Tasarimidir--> <!-- content-wrap ends here --> </div> <!--footer starts here--> <div id="footer"> </div> <!-- wrap ends here --> </div><br> <!--Bu bir Osman TALAY Tasarimidir-->
Css Kodu
<!--Bu bir Osman TALAY Tasarimidir--> 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: <!--Bu bir Osman TALAY Tasarimidir-->

---

---

---

---

---

Tasarımın Üzerindeki Yazı
<!--Bu bir Osman TALAY Tasarimi--> <div align="center"><table border="0" width="70%"><tr><td> <div id="tasarim"> <div id="ust"></div> <div id="orta"> <div class="solsutun"> BURASI SOL SÜTUN </div> <div class="sagsutun"> <!--Bu bir Osman TALAY Tasarimi-->
Tasarımın Altındaki Yazı
<!--Bu bir Osman TALAY Tasarimi--> </div> </div> <div id="alt"></div> </div><br><br> <!--Bu bir Osman TALAY Tasarimi-->
Css Kodu
<!--Bu bir Osman TALAY Tasarimi--> 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: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/b/bycity/dvrkagiti1.jpg) top center fixed; } #tasarim{ width: 1000px; margin-left: 0 auto; margin-right:0 auto; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/o/osmantalay/cityust5.png); width: 1000px; height: 191px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/o/osmantalay/bycityorta.png); width: 1000px; height: 100%; float: left; } .solsutun{ width:167px; float: left; padding: 0 0 0 50px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/o/osmantalay/cityalt5.png); width: 1000px; height: 196px; float: left; } <!--Bu bir Osman TALAY Tasarimi-->

Tasarım Üzerindeki Yazı
<!--Bu bir Osman TALAY Tasarimidir--> <div align="center"><table border="0" width="70%"><tr><td> <div id="tasarim"> <div id="ust"></div> <div id="orta"> <div class="sagsutun"> <br> BURASI SAĞ SUTUN <br> </div> <div class="solsutun"> <!--Bu bir Osman TALAY Tasarimidir-->
Tasarımın Altındaki Yazı
<!--Bu bir Osman TALAY Tasarimidir--> </div> </div> <div id="alt"></div> </div><br><br> <!--Bu bir Osman TALAY Tasarimidir-->
Css Kodu
<!--Bu bir Osman TALAY Tasarimidir--> 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: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/d/deneme688/arkplanyni.jpg) top center fixed; } #tasarim{ width: 1000px; margin-left: 0 auto; margin-right:0 auto; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/d/deneme688/ustbss.png); width: 1000px; height: 250px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/d/deneme688/ortabss.png); width: 1000px; height: 100%; float: left; } .sagsutun { width:205px; float: right; padding: 0 0 0 50px; overflow: hidden;} .solsutun{ width:690px; float: left; padding: 0 0 0 50px; overflow: hidden;text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/d/deneme688/altbsss.png); width: 1000px; height: 250px; float: left; } <!--Bu bir Osman TALAY Tasarimidir-->