Osmantalay V2

Osman Talay V2

Açıklama:
Tamamen Bana Ait Olan Bu Tasarımı Sizlere Sunuyorum.

Tasarım Özellikleri

Tasarım İsmi:	»V2
Kategorisi:	»Css Tasarım
Eklenme:	»10.Ağu 2010
Telif Hakkı:	»Osman Talay
Tarayıcılar:	»Opera »Firefox »İ.Explorer »G.Chrome

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>

Webkolix | Webmaster Devi

Osmantalay V2

Osman Talay V2

Tasarım Özellikleri