Kodsen

Osmantalay V3 Tasarımı

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

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

Tasarımın Altındaki Yazı

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

Css Kodu

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

Osmantalay V3 Tasarımı

REKLAM ALANI !

KATALOGLAR !

REKLAM ALANI !

5 SON KONU !

Twitter

FACEBOOK

SOSYAL MEDYA !

ARAÇ & GEREÇ !