|
|
 |
Tasarım 1
Tasarım Üstü
Tasarim Altı
CSS Kodu
------------------------------------------------------------------------------------------------------------
Tasarım 2
Tasarım Üstü
Tasarim Altı
CSS Kodu
---------------------------------------------------------------------------------------------------------------
Tasarım 3
Tasarım Üstü
Tasarim Altı
CSS Kodu
--------------------------------------------------------------------------------------------------------
Tasarım 4
Tasarım Üstü
Tasarim Altı
CSS Kodu
------------------------------------------------------------------------------------------------------------------------
Tasarım 5
Tasarım Üstü
Tasarım Altı
CSS Kodu
-----------------------------------------------------------------------------------------------------------------------
Tasarım 6
Tasarım Üstü
Tasarım Altı
CSS Kodu
------------------------------------------------------------------------------------------------------------------
Tasarım 7
Tasarım Üstü
Tasarım Altı
CSS Kodu
-------------------------------------------------------------------------------------------------------------------
Tasarım 8
Tasarım Üstü
Tasarim Altı
CSS Kodu
Tasarım Üzerine Ekle
Tasarım Altına Ekle
Css Style Kodalrına Ekle
Tasarım Üstüne Kod
Tasarım Altına Kod
Css Style Kodları
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
Tasarım Üstü Kodu;
Tasarım Altı Kodu;
Css Bölümü 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: 40 - Tıklanma: 230 - Aktif: <script src="http://fastonlineusers.com/online.php?d=http://www.pckent.tr.gg" type="text/javascript"></script> - IP : 88.238.71.255 - </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 Üzerine Kod
Tasarım Altına Kod
Css Style Kodları
Tasarım Üstüne Kod
Tasarım Altına Kod
Css Style Kodları
Tasarım Üstüne KodTasarım Altına Kod
Css Style Kodları
Tasarım Üstüne Kod
Tasarım Altına Kod
Css Style Kodları
Tasarım Üstüne KodTasarım Altına Kod
Css Style Kodları
Tasarım Üstüne Kod
Tasarım Altına Kod
Css Style Kodları
Tasarım Üzerine Ekle
Tasarım Altına Ekle
Css Style Kodalrına Ekle
Tasarım Üstüne KodTasarım Altına Kod
Css Style Kodları
Tasarım Üzerine Ekle
Tasarım Altına Ekle
Css Style Kodalrına Ekle
Tasarım Üzerine Ekle
Tasarım Altına Ekle
--------------------------------------------------------------------------------------------------------------------------
| | | |
