Tasarım Üstü

<div id="design">
<div id="logo"></div>
<div id="slogan"></div>
<div style="clear:both;"></div>
<div id="menu_l"></div>
<div id="menu">
<div id="menu_items">
<a href="http://www.osmantalay.tr.gg">Ana Sayfa</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;">
<a href="http://www.osmantalay.tr.gg/Hakkimda.htm">HakkImda</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;">
<a href="http://www.osmantalay.tr.gg/Defter.htm">Z.Defterİ</a>
<img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;">
<a href="http://maxitasarim.tk">FORUM</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;">
<a href="http://www.osmantalay.tr.gg/Siteni-Ekle.htm">Sİtenİ Ekle</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;">
<a href="http://osmantalay.tr.gg">Eklenecek</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;">
<a href="http://osmantalay.tr.gg">Eklenecek</a><img src="https://img.webme.com/pic/o/osmantalay/menu_trenn.png" style="vertical-align: middle;">
<a href="http://osmantalay.tr.gg">Eklenecek</a>
</div>
</div>
<div id="menu_r"></div>
<div id="content_top">
</div>
<div id="hinweis">
<div style="width: 100%; float: right; background: none repeat scroll 0% 0% rgb(255, 234, 189); padding: 3px; text-align: center;">
<b>Sitemizden Haberler:</b> Buraya Ekle </div></a>
</div>

Tasarım Altı

<div id="header_container"> </div> <div id="counter"><span> </span></div> <div id="post_content"></div> <div id="below_content"> <div id="footer"> <div id="spalten"> <div id="spalte1"> <ul id="foot"> <img src="https://img.webme.com/pic/o/osmantalay/iconr.png" style="vertical-align: middle;" alt="" /> <b style="color: #000;">YARARLI LİNKLER</b> <li><a href="http://www.osmantalay.tr.gg">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg">Yakında</a></li> </ul> </div> <div id="spalte2"> <ul id="foot"> <img src="https://img.webme.com/pic/o/osmantalay/iconr.png" style="vertical-align: middle;" alt="" /> <b style="color: #000;">DOST SİTELER</b> <li><a href="http://themestudio.de/goto.php?ref=2&url=http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li> </ul> </div> <div id="spalte3"> <ul id="foot"> <img src="https://img.webme.com/pic/o/osmantalay/iconr.png" style="vertical-align: middle;" alt="" /> <b style="color: #000;">ÖNE ÇIKANLAR</b> <li><a href="http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg">Yakında</a></li> </ul> </div> <div id="spalte4"> <ul id="foot"> <img src="https://img.webme.com/pic/o/osmantalay/iconr.png" style="vertical-align: middle;" alt="" /> <b style="color: #000;">REKLAMLAR</b> <li><a href="http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li> <li><a href="http://www.osmantalay.tr.gg" target="_blank">Yakında</a></li> </ul> </div> </div> </div> <div id="content_bottom"></div> <div id="copy">© Copyright 2010 by Osman Talay | Tüm Hakları Saklıdır | <a href="http://www.osmantalay.tr.gg">Yakında</a> | <a href="http://www.osmantalay.tr.gg">Yakında</a> | <a href="http://www.osmantalay.tr.gg">Yakında</a> | <a href="http://www.osmantalay.tr.gg">Yakında</a> | <a href="http://www.osmantalay.tr.gg">Yakında</a><a name="commentform"></a><div> </div> <div id="extraDiv1"><span></span></div> <div id="extraDiv2"><span></span></div> <div id="extraDiv3"><span></span></div> <div id="extraDiv4"><span></span></div> <div id="extraDiv5"><span></span></div> <div id="extraDiv6"><span></span></div> </body> </html>

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 checked_menu{display:none;}
li.nav_element subpage{display:none;}
li.nav_element{display:none;}
#counter{display: none;}
/*Background*/
body {
background: url(https://img.webme.com/pic/o/osmantalay/bg.png) repeat;
font-family: arial, sans-serif;
font-size: 0.8em;
padding: 0px;
margin: 0px;}
#bg_top{
background: url( https://img.webme.com/pic/o/osmantalay/bg_top.png ) repeat-x;
width: 100%;
height: 300px;
position: absolute;
top: 0px;
z-index: -1;}
/*Schriftformatierung*/
p {
line-height: 1.4em;
margin:0;
padding:0 0 5px;
color:#646464;}
h1 {
color:#FE7507;
font-size: 130%;
font-weight: bold;
font-family: Helvetica, Arial,sans-serif;}
h2 {
color:#646464;
font-size:100%;
font-weight: bold;
font-family: Helvetica, Arial,sans-serif;}
a {
color:#FE7507;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;}
a:hover {
color:#FDAB4A;
text-decoration:underline;}
* { padding: 0; margin: 0; }
ul, li{
list-style-type: none;}
hr{
height: 1px;
border: 0px solid #e0e0e0;
background-color: #e0e0e0;
margin: 5px;
margin-left: 0px;
margin-right: 0px;}
img{
border: 0px;}
/*BILD-/VIDEOPOSITION*/
.left{
float: left;
padding: 8px 8px 8px 0px;}
.right{
float: right;
padding: 0px 0px 8px 8px;}
.center{
display: block;
text-align: center;
margin: 0 auto;}
.left_video{
float: left;
margin: 0px auto;
background-image:  none;
width: 323px;
height: 267px;
padding: 22px;}
.right_video{
float: right;
margin: 0px auto;
background-image:  none;
width: 323px;
height: 267px;
padding: 22px;}
/*Design*/
#design{
width: 911px;
margin: 10px auto;}
/*Header*/
#logo{
background: url(https://img.webme.com/pic/o/osmantalay/logotopd.gif) no-repeat;
width: 350px;
height: 90px;
margin-bottom: 10px;
float: left;}
/*CONTENT*/
#content{
width: 836px;
min-height: 450px;
background: url(https://img.webme.com/pic/o/osmantalay/content_bg.png) repeat-y;
float: left;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;
color: #646464;}
#content_top{
background: url(https://img.webme.com/pic/o/osmantalay/content_top.png) no-repeat;
width: 896px;
height: 19px;
float:left;}
#content_bottom{
background: url(https://img.webme.com/pic/o/osmantalay/content_bottom.png) no-repeat;
width: 896px;
height: 19px;
float: left;}
#content_box{
background: #eeeeee;
border: 1px solid #DDDDDD;
padding: 10px;
margin: 10px;}
#hinweis{
width: 836px;
background: url(https://img.webme.com/pic/o/osmantalay/content_bg.png) repeat-y;
float: left;;
padding-right: 30px;
padding-left: 30px;
padding-top: 5px;
color: #646464;}
#hinweis a{
color: #646464;}
/*SUBPAGE*/
/*MENU*/
#menu {
background-image:url(https://img.webme.com/pic/o/osmantalay/menu_bg.png);
height:38px;
width: 870px;
float: left;
margin-bottom: 10px;}
#menu_r {
background-image:url(https://img.webme.com/pic/o/osmantalay/menu_r.png);
width:13px;
height:38px;
display:inline;
float:left;}
#menu_l {
background-image:url(https://img.webme.com/pic/o/osmantalay/menu_l.png);
width:13px;
height:38px;
display:inline;
float:left;
margin-left: 4px;}
#menu_items {
float: left;
height:28px;
display:inline;
padding-top: 10px;}
#menu_items a:link,
#menu_items a:visited,
#menu_items a:hover {
font-family:Arial, Helvetica, Verdana, sans-serif;
font-weight:bold;
font-size: 11px;
text-transform: uppercase;
text-decoration:none;
color:#fff;
margin:0px 10px;}
#menu_items a:hover {color: #3b3b3b;}
/*Foot-Menu*/
#footer{
width: 896px;
height: 112px;
background: url(https://img.webme.com/pic/o/osmantalay/content_bg.png) repeat-y;
float: left;}
#spalten{margin: 0px auto; width: 781px}
#spalte1, #spalte2, #spalte3, #spalte4{
width: 184px;
height: 90px;
float: left;
border-right: 1px solid #bbbbbb;
border-top: 1px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
padding: 5px;
background: #e5e5e5;}
#spalte1{border-left: 1px solid #bbbbbb;}
#foot li a {
display: block;
width: 170px;
padding: 5px;
padding-top: 3px;
padding-bottom: 3px;
background: transparent;
border-bottom: 1px solid #bbbbbb;
text-decoration: none;
font-weight: normal;
color: #646464;
font-family:Arial, Helvetica, Verdana, sans-serif;
margin: 0px;}
#foot li a:hover {
background: #ffeabd;
color: #000;}
/*Tableiste*/
#tabs{
width: 33px;
height: 444px;
margin-top: 25px;
margin-bottom: 25px;
margin-left: -18px;
float: right;}
#tabs li{clear: both;}
/*Footer*/
#copy{
float: left;
color: #fff;
font-size: 11px;
width: 700px;
margin-left: 10px;
margin-bottom: 20px;}
}
/*MEDIATHEK*/
#mediamenu li a {
display: block;
width: 150px;
padding: 5px;
padding-top: 3px;
padding-bottom: 3px;
background: transparent;
border-bottom: 1px solid #e0e0e0;
text-decoration: none;
font-family:Arial, Helvetica, Verdana, sans-serif;
margin: 0px;}
#mediamenu li a:hover {
background: #eeeeee;}
#mediamenuhead{
width: 174px;
height: 16px;
background: url(https://img.webme.com/pic/o/osmantalay/medianav.png);
padding: 3px;}
#mediamenuhead h2{
color: #646464;}
#mediamenuhead h2:hover{
color: #000000;}
#mediapre{
clear:both;
width: 630px;
padding: 5px;
min-height: 135px;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;}
#mediapre:hover{
background: #eeeeee;}
/*WEITERES*/
input,textarea{
border: 1px solid #dddddd;
background: #eeeeee;
padding: 3px;}
input:focus,textarea:focus{border: 1px solid #bbbbbb;}
input[type="submit"]{cursor: pointer;}
input[type="submit"]:hover{border: 1px solid #bbbbbb;}
/*BOXEN*/
#vorschau{
width: 140px;
padding: 5px;
border: 1px solid  #dddddd;
background: #eeeeee;
float: left;
margin: 2px;
text-align: center;}
#videovorschau{
width: 144px;
padding: 5px;
border: 1px solid  #dddddd;
background: #eeeeee;
float: left;
margin: 2px;
text-align: center;}
#vorschau:hover, #videovorschau:hover, #minivorschau:hover{
background: #ffeabd;}
#minivorschau{
width: 105px;
padding: 5px;
border: 1px solid  #dddddd;
background: #eeeeee;
float: left;
margin: 2px;
text-align: center;}
#boardticker{
text-decoration: none;
padding: 2px;
border-bottom: 1px solid #dddddd;}
#boardticker:hover{
background: #eeeeee;}

Kırmızı Yıldız Tasarımı

Açıklama:
Poddi.de.tl 'ye ait olan bu tasarımı
sizlere sunuyorum.

Tasarım Özellikleri

Tasarım İsmi:	»Kırmızı Yıldız
Kategorisi:	»Css Tasarım
Eklenme:	»03.Tem 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ı

Tasarımın Altındaki Yazı

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 checked_menu{display:none;} li.nav_element subpage{display:none;} li.nav_element{display:none;} #nav_container{display:none;} #sidebar_container{display:none;} #counter{display:none;}   /*HINTERGRUND*/  body{     background: #000;     font-family: verdana, arial, sans-serif;     font-weight: normal;     font-size: .69em;     padding: 0px;     margin: 0px;}   /*SCHRIFTFORMATIERUNG*/  p{     margin: 0px;     font-weight: normal;     padding: 0px 0px 16px 0px;     line-height: 1.5em;}  h1{     font-family:Arial, Helvetica, Verdana, sans-serif;     font-weight: bold;     color: #dc0000;}  h2{     margin: 0px;     font-size: 100%;     color: #000000;}  h1.hptitle{     font-family:Arial, Helvetica, Verdana, sans-serif;     font-weight: bold;     margin-top: 70px; margin-left: 180px;     color: #fff;}  h2.slogan{     font-family:Arial, Helvetica, Verdana, sans-serif;     font-weight: bold;     margin-top: 0px;     margin-left: 240px;     font-size: 120%;     color: #fff;}  a{     color: #a9ac99;     text-decoration: none;     outline: none;}  a:hover{     color: #dc0000;     text-decoration: underline;}  *{     padding: 0;     margin: 0;}  ul, li{     list-style-type: square;}  hr{     height: 1px;     border: 0px dashed #ced2ba;     background-color: #ced2ba;     margin: 5px;}      img{     border: 0px;}  /*DESIGN*/  #design{     width: 900px;     margin: 0px auto;     color: #fff;     margin-top: 0px;     font-weight: normal;}  #main{     width: 900px;     background: url(https://img.webme.com/pic/o/osmantalay/7menu.png);     background-repeat: repeat-y;     float: left;     clear.both;}   /*Header*/  #header{     background-image: url(https://img.webme.com/pic/o/osmantalay/baslik.png);     background-repeat: no-repeat;     width: 900px;     height: 159px;     color: #ffffff;     margin: 0px auto;     float: left;     clear:both;     margin-top: 0px;}   /*BOX*/  #box{     width: 200px;     color: #000;     float: left;     margin-left: 10px;}  #btop{     width: 200px;     height: 25px;     background: url(https://img.webme.com/pic/o/osmantalay/btop.png);     color: #000;     float: left;}  #bbg{      width: 180px;     background: url(https://img.webme.com/pic/o/osmantalay/bbg.png);     color: #000;     float: left;     padding: 10px;     padding-top: 0px;     padding-bottom: 0px;}  #bbottom{     width: 200px;     height: 5px;     background: url(https://img.webme.com/pic/o/osmantalay/bttmot.png);     color: #000;     float: left;}   #box_items a:link, #box_items a:visited, #box_items a:hover {     font-weight: bold;     width: 159px;     height: 16px;     color:#a9ac99;     display:block;     padding: 3px;     border-bottom: 1px solid #ced2ba;}  #box_items a:hover {color: #dc0000;     text-decoration: none;     font-weight: bold;}    /*CONTENT*/  #subpage{     width: 638px;     float: right;     background: url(https://img.webme.com/pic/o/osmantalay/cbg.png);     padding-left: 15px;     padding-right: 15px;     color: #000;     margin-right: 10px;}  #ctop{     width: 668px;     height: 25px;     float: right;     background: url(https://img.webme.com/pic/o/osmantalay/ctop.png);     margin-right: 10px;}  #content{     width: 638px;     float: right;     background: url(https://img.webme.com/pic/o/osmantalay/cbg2.png);     padding-left: 15px;     padding-right: 15px;     color: #000;     margin-right: 10px;}  #cbottom{     width: 668px;     height: 5px;     float: right;     background: url(https://img.webme.com/pic/o/osmantalay/cbttom.png);     margin-right: 10px;}  /*MENU*/   #menu {     width: 858px;     height: 27px;     background: url(https://img.webme.com/pic/o/osmantalay/navbg.png);     margin: 10px;     float: left;     padding-left: 10px;     padding-right: 10px;     padding-top: 3px;     color: #000;}   #menu_items a:link, #menu_items a:visited, #menu_items a:hover {     font-weight: bold;     height: 16px;     color:#a9ac99;     display:block;     float: left;     border-right: 1px solid #bdbdbd;     padding: 4px;     padding-left: 10px;     padding-right: 10px;}  #menu_items a:hover {color: #dc0000;     text-decoration: none;     font-weight: bold;}   /*FOOTER*/  #footer{     width: 900px;     min-height: 11px;     background: url(https://img.webme.com/pic/o/osmantalay/footr.png) no-repeat;     color: #fff;     margin-bottom: 20px;     padding-top: 20px;     text-align: right;     float: left;     clear: both;}  #footer a {     color: #fff;     text-decoration: underline;}  #footer a:hover{     color: #dc0000;     text-decoration: underline;}  /*WEITERES*/  input{     border: 1px solid #bdbdbd;     background: #e8e8e8;     padding: 2px;}  textarea{     border: 1px solid #bdbdbd;     background: #e8e8e8;     padding: 2px;}  input[type=submit]{     border: 1px solid #bdbdbd;     background: #e8e8e8;     padding: 2px;     cursor: pointer;} -->  </style> <table style="margin: 0px auto; margin-top: 0px;" cellpadding="0" cellspacing="0" ><tr><td> <style type="text/css"> 
<div class="addthis_toolbox addthis_default_style">
<a href="http://www.addthis.com/bookmark.php?v=250&username=xa-4c2f2bda4dfddb4c" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_myspace"></a>
<a class="addthis_button_google"></a>
<a class="addthis_button_twitter"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c2f2bda4dfddb4c"></script>

</div>
<div id="counter"><span></span></div>
<div id="post_content"></div>
<div id="below_content"><style type="text/css">
p.sag_reklam a{display:block;background-image:url(https://img.webme.com/pic/o/osmantalay/slcpe3.png);background-repeat:no-repeat;width:150px;height:120px;position:fixed;left: -115px;top: 45%;z-index: 0;}
p.sag_reklam a:hover{background-position:bottom right;left: 0px;}
</style>
<p class="sag_reklam">
<a href="http://dogugundemi.tr.gg"></a></p> </div>				<div id="sidebar_container">
<h2 id="sidebar_heading"><span></span></h2>
<div id="sidebar_content"><script type="text/javascript" src="http://widgets.amung.us/tab.js"></script><script type="text/javascript">WAU_tab('hzxb9fcrtloq', 'right-middle')</script>
</div>
</div>
</div>
</div>
</div></div> <div id="alt">
<p class="altrklm">
<center>  <img alt="" src="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" 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" /> <span style="font-family: Trebuchet MS;"><span style="font-size: small;"><strong><a href="http://5rize3.tr.gg" target="_blank">5rize3</a>  </strong></span></span><img alt="" src="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" target="_blank">Kral-Yaris</a>  </strong></span></span><img alt="" src="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" target="_blank">Double-Maniac</a>  </strong></span></span><img alt="" src="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" target="_blank">Cupacup</a>  </strong></span></span><img alt="" src="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" target="_blank">Bs-Tasarımcı</a></strong></span></span> <img alt="" src="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/" target="_blank">YWTasarım</a>  </strong></span></span><img alt="" src="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" target="_blank">Sebekenet</a></strong></span></span><center>
</div></div>						<iframe src="http://www.homepage-baukasten.de/cookie.php?visit=osmantalay&auth1=2bb02605b9373088d0e0f12d53dc27c4&auth2=421ce85b92e905b97854f99053caab7a&auth3=6b683cb773d4b021e8397056b1da5a48&auth4=eda7a47f85cb7a64de95319b09c64737&auth5=e4997d807fb60e3a294fc62dccb0928f&mode=track" style="display:none;width:1px;height:1px;"></iframe>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script>
<script type="text/javascript">
_uacct = "UA-2594508-11";
urchinTracker();
</script>		<div id="extraDiv1"><span></span></div>
<div id="extraDiv2"><span></span></div>
<div id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div>
<div id="extraDiv5"><span></span></div>
<div id="extraDiv6"><span></span></div>
</body>
</html>

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>

Kişisel Tasarım

Açıklama:
Bu Hazır Tasarımı Düzenleyerek Sizlere Sunmuş Bulunuyorum.

Tasarım Özellikleri

Tasarım İsmi:	»Kişisel
Kategorisi:	»Css Tasarım
Eklenme:	»13.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ı

Tasarımın Altındaki Yazı

Css Kodu

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;} body { background:url(https://img.webme.com/pic/o/osmantalay/drkbg.gif) repeat #000000; padding:0; font-family:arial, sans-serif; font-size:12px; margin:0px auto auto auto; color:#36322b; } p{ padding:0px; text-align:justify; margin:0px; line-height:20px; } p.welcome{ padding:0px 0px 0 0px; } p.testimonial{ font-style:italic; padding:0px 0px 0 0px; } .clear{ clear:both; } a{ text-decoration:underline; }  #main_container{ width:821px; height:auto; margin:auto; padding:0px; } #header{ width:821px; height:135px; margin:0px; padding:0px; background:url(hayir) no-repeat center top; } .logo{ padding:40px 0 0 0px; } .title{ width: auto; padding:2px 0 10px 0; font-size:17px; color:#2e2721; font-weight:bold; } .title_welcome{ width: auto; padding:0 0 0 35px; font-size:22px; color:#24a4b3; background:url(hayir) no-repeat left top; margin:0 0 10px 25px; } span.red{ font-weight:bold; color:#da5b23; } span.orange{ font-weight:bold; color:#da5b23; }   /*---------------- menu tab----------------------*/ .menu{ width:821px; height:42px; margin:0px; background:url(https://img.webme.com/pic/o/osmantalay/mnbgcnn2.gif) no-repeat left; } .menu ul{ list-style:none; padding:0 0 0 15px; margin:0px; } .menu ul li{ display:inline; } .menu ul li a{ float:left; height:42px; border:none; padding:0 15px 0 15px; text-decoration:none; color:#fff; line-height:42px; font-size:13px;} .menu ul li.selected a{ float:left; height:42px; border:none; padding:0 15px 0 15px; text-decoration:none; color:#fff; line-height:42px; font-size:13px; background:url(https://img.webme.com/pic/o/osmantalay/mnsrt.gif) no-repeat bottom center; } .menu ul li a:hover{ background:url(https://img.webme.com/pic/o/osmantalay/mnsrt.gif) no-repeat bottom center; }     /*---------------center_content-------*/  .center_content{ width:821px; height:auto; clear:both; padding:25px 0 30px 0; background-color:#e9e5e2; } .center_left{ width:801px; float:left; padding:10px 0 10px 10px; } .center_right{ width:0px; float:left; padding:10px 0 10px 0px; }   /*-------------------footer------------------------*/  #footer{ width:821px; height:50px; clear:both; color:#837d7b; } .left_footer{ float:left; padding:20px 0 0 0; } #footer a{ color:#837d7b; padding:0 4px 0 4px; text-decoration:none; } .right_footer{ float:right; padding:15px 5px 0 0 ; }       input,textarea{     border: 2px solid #dddddd;     background: #eeeeee;     padding: 3px;} input:focus,textarea:focus{border: 2px solid #bbbbbb;}  input[type="submit"]{cursor: pointer;} input[type="submit"]:hover{border: 2px solid #bbbbbb;}    <style>  A{ text-decoration : none; }  </style>   <style> A{ text-decoration : none; }  A:Hover{ text-decoration : underline; } </style>

Osman Talay V3

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

Tasarım Özellikleri

Tasarım İsmi:	»V3
Kategorisi:	»Css Tasarım
Eklenme:	»16.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 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; }