input,textarea{ border: 1px solid #eeeeee; -moz-border-radius: 5px 10px 15px 20px; -webkit-border-radius: 5px 10px 15px 20px; border-radius: 5px 10px 15px 20px; background: #ffffff; padding: 3px;} input:focus,textarea:focus{border: 1px solid #bbbbbb;} table[width="80%"] td[width="75%"] i {background:#fff;padding:5px;margin-bootm:5px;line-height:3em} input[type="submit"]{repeat-x; border: 1px solid #dddddd; padding: 2px 5px 2px 5px; color: #000; text-decoration: none; margin-left: 5px; font-size: 11px;cursor: pointer;} input[type="submit"]:hover{border: 1px solid #dddddd; color: #313131; 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; } //-->

Eğlenin-Yeter ™ | Css Tasarımlar >Html Kodlar >Oyunlar >Canlı TV >Sohbet |

Css Tasarımlar



Tasarım Üstü


Tasarim Altı


CSS Kodu






Tasarım Üstü


Tasarim Altı


CSS Kodu





Tasarım Üstü


Tasarim Altı


CSS Kodu







Tasarım Üstü


Tasarim Altı


CSS Kodu






Tasarım Üstü


Tasarım Altı


CSS Kodu








Tasarım Üstü


Tasarım Altı


CSS Kodu






Tasarım Üstü


Tasarım Altı


CSS Kodu





Tasarım Üstü


Tasarim Altı


CSS Kodu





Tasarımın Üzerindeki Yazı

<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: 8 - Tıklanma: 25 - Aktif: <script src="http://fastonlineusers.com/online.php?d=http://www.pckent.tr.gg" type="text/javascript"></script> - IP : 88.241.89.108 - </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

 
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/backgr3.jpg) top center fixed;
}

#tasarim{
width: 850px;
margin-left:  auto;
margin-right: auto;

}



#ust{
margin-left:  auto;
margin-right: auto;
background: url(https://img.webme.com/pic/m/mrossi/ust12.gif);
width: 850px;
height: 329px;
float: left;
}

.logo {
width:319px;
padding: 22px 0 0 30px;
float: left;
font-size: 0px;
color: #FFFFFF;
font-family: Comic Sans MS;
overflow: hidden;



}
.reklamalani {
width:468px;
padding: 47px 0 0 0px;
float: left;
overflow: hidden;
}

.ustmenuosman {
width:810px;
padding: 15px 0 0 20px;
float: left;
font-size: 13px;
color: #000000;
font-family: Comic Sans MS;
overflow: hidden;
}


#orta{
margin-left:  auto;
margin-right: auto;
background: url(https://img.webme.com/pic/m/mrossi/ortaa12.gif);
width: 850px;
height: 375;
font-size: 13px;
color: #000000;
font-family: Arial;
float: left;
}

.menuosman{
width:0px;
float: left;
padding: 0 0 0 0px;
overflow: hidden;
}

.icerikosman {
width:810px;
float: left;
padding: 0 0 0 20px;
overflow: hidden;
text-align: justify;
}




.altreklam{
margin-left:auto;
margin-right: auto;
width:810px;
height:65px;
padding: 40px 0 55px;}





#alt{
margin-left:  auto;
margin-right: auto;
background: url(https://img.webme.com/pic/m/mrossi/alt12.gif);
width: 850px;
height: 171px;
float: left;
}




input {
padding: 2px;
margin-right: 1px;
background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp);
border: 1px solid #696969;
border-left:5px solid #696969;
color: #CA143C;
font-Arial ;
font-size:13px;
}
input:hover{
padding: 2px;
margin-right: 1px;
background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp);
border: 1px solid #FF0000;
border-left:5px solid #FF0000;
color: #FF0000;
font-Arial;
font-size:13px;
}
textarea {
padding: 2px;
margin-right: 1px;
background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp);
border: 1px solid  #696969;
border-left:5px solid  #696969;
color: #FF0000;
font-Arial;
font-size:13px;
}
textarea:hover {
padding: 2px;
margin-right: 1px;
background-image: url(https://img.webme.com/pic/m/mrossi/brder16.bmp);
border: 1px solid #FF0000;
border-left:5px solid #FF0000;
color: #FF0000;
font-Arial;
font-size:13px;
}



a:link, a:visited {
    color: #000000;
    text-decoration: none;
    font-weight: ; }



a:hover {
    text-decoration: none;
    color: dimgray; }



::-moz-selection { background:#arkaplanrengi; color:#FF0000; }

 




Tasarımın Üzeri

 <div id="hast"> <div id="headerben"> <div class="iconcan">     <a href="http://mrossi.tr.gg" _fcksavedurl="http://mrossi.tr.gg" target="_self"><span style="font-size: medium;"><strong><img height="60" border="0" width="436" src="https://img.webme.com/pic/m/mrossi/newbnner.gif" _fcksavedurl="https://img.webme.com/pic/m/mrossi/newbnner.gif" alt="" /></strong></span></a>       </div><div class="menucan">     <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 #FFFFFF; /*dark purple border*/ border-width: 1px 0; background: lightskyblue   url(media/indentbg.gif) center center repeat-x; }  .indentmenu ul li{ display: inline; }  .indentmenu ul li a{ float: left; color: white; /*text color*/ padding: 5px 11px; text-decoration: none; border-right: 1px solid #FFFFFF; /*dark purple divider between menu items*/ }  .indentmenu ul li a:visited{ color: white; }  .indentmenu ul li a:hover, .indentmenu ul li .current{ color: white !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: black url(media/indentbg2.gif) center center repeat-x; }  </style> <div class="indentmenu"> <ul> <li><a href="http://www.osmantalay.tr.gg/" _fcksavedurl="http://www.osmantalay.tr.gg/">Ana Sayfa</a></li> <li><a href="http://osmantalay.tr.gg/Konuk-Defteri.htm" _fcksavedurl="http://osmantalay.tr.gg/Konuk-Defteri.htm">Z.Defteri</a></li> <li><a href="http://osmantalay.tr.gg/iletisim.htm" _fcksavedurl="http://osmantalay.tr.gg/iletisim.htm">İletişim</a></li> <li><a href="http://osmantalay.tr.gg/Hakkimda.htm" _fcksavedurl="http://osmantalay.tr.gg/Hakkimda.htm">Hakkımda</a></li> <li><a href="http://osmantalay.tr.gg/Sohbet.htm" _fcksavedurl="http://osmantalay.tr.gg/Sohbet.htm">Sohbet</a></li> <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/Destek-Ol.htm" _fcksavedurl="http://osmantalay.tr.gg/Destek-Ol.htm" class="current">Destek Ol</a></li> <li><a href="http://osmantalay.tr.gg/Toplist.htm" _fcksavedurl="http://osmantalay.tr.gg/Toplist.htm">Toplist</a></li> <li><a href="http://osmantalay.tr.gg/Css-Tasarimlar.htm" _fcksavedurl="http://osmantalay.tr.gg/Css-Tasarimlar.htm">Tasarımlar</a></li> <li><a href="http://osmantalay.tr.gg/Htlm-Kodlari.htm" _fcksavedurl="http://osmantalay.tr.gg/Htlm-Kodlari.htm">Html Kodları</a></li> <li><a href="http://bedava-sitem.com" _fcksavedurl="http://bedava-sitem.com">Kaynak</a></li> </div>       <table height="396" cellspacing="0" cellpadding="0" border="0" width="855" style="width: 0px; height: 0px;">     <tbody>         <tr>             <td valign="top" align="left" width="400">             <table cellspacing="0" cellpadding="0" border="0" background="https://img.webme.com/pic/m/mrossi/soldyru68.bmp" style="width: 100px; 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/sagdyru68.bmp" style="width: 778px; height: 44px;">                 <tbody>                     <tr>                         <td align="center"><strong>        <marquee>      <span style="font-family: Tahoma;">     Burası Duyurular- Mrossi.tr.gg    </span></marquee>                                  </strong></td>                     </tr>                 </tbody>             </table>             </td>         </tr>     </tbody> </table> <div id="sidebar_container"> </div>       </div></div> <div id="icerik"> <div id="icontent"> <div class="writer">  

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ın Üzerindeki Yazı



Tasarımın Altındaki Yazı


Css Kodu









Tasarımın Üzerindeki Yazı


Tasarımın Altındaki Yazı


Css Kodu








Tasarım Üzerindeki Yazı



Tasarımın Altındaki Yazı



Css Kodu






Üst



Alt



Css







Tasarım Üstüne:
Tasarım Altına:
Css Kodu:

Tasarım Üstü

Tasarım Altı

Css



 


 


TASARIM ÜZERİ
TASARIM ALTI
CSS KODU





TASARIM ÜZERİ
TASARIM ALTI
CSS KODU
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol