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

Tasarımın Üzerindeki Yazı

<div id="tasarim"> <div id="ust"> <div class="logo"> <a target="_self" href="http://www.osmantalay.tr.gg" _fcksavedurl="http://www.osmantalay.tr.gg"><img border="0" alt="" src="https://img.webme.com/pic/o/osmantalay/logooto.png" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/logooto.png" style="width: 300px; height: 85px;" /></a> </div> <div class="reklamalani"> <a href=" " _fcksavedurl=" " target="_self"><img border="0" src="https://img.webme.com/pic/o/osmantalay/rklamotl.gif" _fcksavedurl="https://img.webme.com/pic/o/osmantalay/rklamotl.gif" </a> <div class="ustmenuosman"> </div> </div></div> <div id="orta"> <div class="menuosman"> <div class="urbangreymenu"> <div class="urbangreymenu"> <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://osmantalay.tr.gg/" _fcksavedurl="http://osmantalay.tr.gg/">Ana Sayfa</a></li> <li><a href="http://osmantalay.tr.gg/Destek-Ol.htm" _fcksavedurl="http://osmantalay.tr.gg/Destek-Ol.htm">Destek Ol</a></li> <li><a href="http://osmantalay.tr.gg/Siteni-Ekle.htm" _fcksavedurl="http://osmantalay.tr.gg/Siteni-Ekle.htm">Siteni Ekle</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Dost Siteler</a></li> <li><a href="http://osmantalay.tr.gg/iletisim.htm" _fcksavedurl="http://osmantalay.tr.gg/iletisim.htm">Bana Ulaşın</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Site Haritası</a></li> <li><a href="http://osmantalay.tr.gg/defter.htm" _fcksavedurl="http://osmantalay.tr.gg/defter.htm">Konuk Defteri</a></li> </ul> <h3 class="headerbar">Sİten İçİn</h3> <ul> <li><a href="http://osmantalay.tr.gg/html-kodlari.htm" _fcksavedurl="http://osmantalay.tr.gg/html-kodlari.htm">Html Kodları</a></li> <li><a href="http://osmantalay.tr.gg/Web-Dersleri.htm" _fcksavedurl="http://osmantalay.tr.gg/Web-Dersleri.htm">Web Dersleri</a></li> <li><a href="http://osmantalay.tr.gg/Grafik-Odamiz.htm" _fcksavedurl="http://osmantalay.tr.gg/Grafik-Odamiz.htm">Grafik Odamız</a></li> <li><a href="http://osmantalay.tr.gg/Css-Tasarimlar.htm" _fcksavedurl="http://osmantalay.tr.gg/Css-Tasarimlar.htm">Css Tasarımlar</a></li> <h3 class="headerbar">BİZİM Oda</h3> <ul> <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/Messenger.htm" _fcksavedurl="http://osmantalay.tr.gg/Messenger.htm">Messenger</a></li> <li><a href="http://osmantalay.tr.gg/incelemeler.htm" _fcksavedurl="http://osmantalay.tr.gg/incelemeler.htm">İncelemeler</a></li> <li><a href="http://osmantalay.tr.gg/Bilmedikleriniz.htm" _fcksavedurl="http://osmantalay.tr.gg/Bilmedikleriniz.htm">Bilmedikleriniz</a></li> <h3 class="headerbar">İSlaMİYEt</h3> <ul> <li><a href="http://osmantalay.tr.gg/" _fcksavedurl="http://osmantalay.tr.gg/">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <h3 class="headerbar">Sağlık BİLGİSİ</h3> <ul> <li><a href="http://osmantalay.tr.gg/" _fcksavedurl="http://osmantalay.tr.gg/">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <li><a href="http://osmantalay.tr.gg" _fcksavedurl="http://osmantalay.tr.gg">Eklenecek</a></li> <h3 class="headerbar">Haftanın Vİdeosu</h3> <div style="background-color: rgb(9, 9, 9); width: 177px;"><embed width="177" height="150" allowfullscreen="true" allowscriptaccess="always" bgcolor="#090909" wmode="window" type="application/x-shockwave-flash" src="http://www.vidivodo.com/VideoPlayerShare.swf?u=BFdAS1tEXxI="></embed></div> </div> </div> </div><div class="icerikosman">
 

---

Tasarımın Altındaki Yazı

</div> </div> <div id="alt"> <div id="footer"><p class="altreklam"> <br> <center> <span style="font-size: small;"> <strong> <span style="color: rgb(255, 255, 255);"><span style="font-family: Trebuchet MS;">Copyright <span class="style9">©</span> 2010 Osmantalay.tr.gg | V2 Beta Design | Tüm Hakları Saklıdır | Emeğe Saygı | Aksaray </span></span><span style="color: rgb(0, 0, 0);"><span style="font-family: Trebuchet MS;"><span style="color: rgb(255, 255, 255);">|</span></span></span><span style="font-family: Trebuchet MS;"><span class="style8"> </span></span></strong></span><strong><span class="style8"><span style="font-size: small;"><a target="_self" href="http://osmantalay.tr.gg/Hakkimda.htm" _fcksavedurl="http://osmantalay.tr.gg/Hakkimda.htm"><span style="font-family: Arial;">Hakkımda</span></a></span><span style="font-size: medium;"><span style="font-size: small;"><span style="font-family: Arial;"> <span style="color: rgb(255, 255, 255);">| </span></span></span></span><span style="font-size: small;"><span style="font-family: Arial;"><a href="http://www.osmantalay.tr.gg/iletisim.htm" _fcksavedurl="http://www.osmantalay.tr.gg/iletisim.htm" target="_self">İletişim</a> <span style="color: rgb(255, 255, 255);">|</span> <a href="http://www.osmantalay.tr.gg/defter.htm" _fcksavedurl="http://www.osmantalay.tr.gg/defter.htm" target="_self">Yorumlar</a> </span></span></span></strong> <center> </div></div>
 

---

Css Kodu

iframe{border:solid 1px #000000;} 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/otbgrl.bmp) top center fixed; } #tasarim{ width: 875px; margin-left: auto; margin-right: auto; } #ust{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/o/osmantalay/otustl.bmp); width: 875px; height: 159px; float: left; } .logo { width:325px; padding: 30px 0 0 35px; float: left; overflow: hidden; } .reklamalani { width:468px; height:68px; padding: 43px 0 0 20px; float: left; overflow: hidden; } #orta{ margin-left: auto; margin-right: auto; background: url( https://img.webme.com/pic/o/osmantalay/otortl.bmp); width: 875px; height: 100%; float: left; } .menuosman{ width:177px; float: left; padding: 0 0 0 23px; overflow: hidden; } .icerikosman { width:630px; float: left; padding: 0 0 0 22px; overflow: hidden; text-align: justify; } .altreklam{ float: left; width:800px; height:70px; padding: 24px 0 0 70px;} #alt{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/o/osmantalay/otaltl.bmp); width: 875px; height: 146px; 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; } Sol Menü <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .urbangreymenu{ width: 190px; height: 10px; /*width of menu*/ } .urbangreymenu .headerbar{ width: 190px; height: 10px; font: bold 12px Trebuchet MS; color: white; background: #4f6b78 url( https://img.webme.com/pic/o/osmantalay/mncnl.png) no-repeat 3px 4px; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 9px 20px; /*20px is left indentation of header text*/ } .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ } .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .urbangreymenu ul li a{ font: normal bold 12px Arial; color: black; background: #dbe6ec; display: block; padding: 5px 0; line-height: 12px; padding-left: 4px; /*link text is indented 4px*/ text-decoration: none; } .urbangreymenu ul li a:visited{ color: black; } .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: #80bbd9; } </style> <style> A{ text-decoration : none; } <!-- a{color:#0e9dc1;text-decoration:none;font:bold} a:hover{color:#C0C0C0;text-decoration:none;font:bold} </style> <style> A{ text-decoration : none; } A:Hover{ text-decoration : underline; } </style>