Forum'da ara:
Ara


Yazar Mesaj
Mesaj08.12.2012, 23:23 (UTC)    
Mesaj konusu:

web sitemin tasarımını paylaşıp son kez sizlere veda ediyorum dostlarım sizleri asla unutmayacağım umarım sizlerde beni unutmazsınız

neyse gelelim tasarım demosu ve kodlarına

resim büyük o yuzden link veriyorum Arrow

http://img.webme.com/pic/t/tasarimci-amca2/temaonizleme.png

ve bu aşağıdakilerde tasarımın kodları Arrow

tasarım üzerine Arrow

Kod:
<div id="ortala">
<div id="ust">
<div class="logo"></div>
<div class="temizle"></div>

<style type="text/css">
#login{
        background:url(http://img.webme.com/pic/t/tasarimci-amca2/kullanici-paneli.png);
   width:222px;
   height:157px;
        float:right;
margin-top:-155px;
   }
   
.kpanel {
   font:bold 0.8em Arial, sans-serif;
        width:203px;
   border-bottom-width: medium;
   border-bottom-style: solid;
   border-bottom-color: #FFFFFF;
   text-align:center;
   padding-top:10px;
   margin-left:10px;
   color:#333333;
    }
   
.pyazi {
        font:bold 0.8em Arial, sans-serif;
        width:203px;
   border-top-width: medium;
   border-top-style: solid;
   border-top-color: #FFFFFF;
   text-align:center;
   margin-top:60px;
   margin-left:10px;
    }
   
.uyeol {
   width: 50px;
   color:#CC0000;
   border-right-width: thin;
   border-right-style: dashed;
   border-right-color: #333333;
   text-align:center;
   text-align:center;
   margin-top:5px;
   margin-left:20px;
   float:left;
    }
   
.sunut {
   width: 110px;
   color:#333333;
   margin-top:5px;
   text-align:center;
   float:left;
    }
   
#uyelogin label {
        width:203px;
        display:block;
   width:120px;
   float:left;
   margin-top:8px;
   margin-left:15px;
   font:bold 0.9em Arial, sans-serif;
   }

#inputUsername{
        background:url(http://img.webme.com/pic/t/tasarimci-amca2/kadi.png);
        border:0px;
        width:97px;
        height:25px;
   padding-top:5px;
   margin-left:-25px;
   margin-top:5px;
   font:bold 0.9em Arial, sans-serif;
 background-repeat:no-repeat;
   }

#inputPassword{
        background:url(http://img.webme.com/pic/t/tasarimci-amca2/sifre.png);
        border:0px;
        width:97px;
        height:25px;
   margin-top:5px;
   padding-top:5px;
   margin-left:-25px;
   float:left;
   font:bold 0.9em Arial, sans-serif;
 background-repeat:no-repeat;
   }
   
#buton {
        background:url(http://img.webme.com/pic/t/tasarimci-amca2/gir.png);
   background-repeat:no-repeat;
   border:0px;
   width:52px;
   height:20px;
        display:block;
   margin-top:35px;
   margin-left:-52px;
   float:left;
   }
</style>

<div id="login">
<div class="kpanel">Kullanici Paneli</div>
<form id='uyelogin' method="post" action="G%26%23304%3BR%26%23304%3B%26%23350%3B.htm">
<label>Kullanici Adi : </label><input id="inputUsername" type="text" name="logindata[name]"/>
<label>Sifre : </label><input id="inputPassword" type="password" name="logindata[kennwort]" />
<input name="mode" value="1" type="hidden">
<input name="checklogin" value="1" type="hidden">
<input name="logindata[checklogin]" value="1" type="hidden">
<input name="buton" type="submit" id="buton" value=""></form>
<div class="pyazi">
<div class="uyeol">Uye Ol</div>
<div class="sunut">Sifremi Unuttum</div></div>

</div>
<div class="temizle"></div>
  <div class="ustmenu"></div>
  <div id="ustmenum">
      <li><a href="http://tasarimci-amca2.tr.gg/">Ana Sayfa</a></li>
      <li><a href="http://tasarimci-amca2.tr.gg/Hakkimda.htm">Hakkimda</a></li>
      <li><a href="http://tasarimci-amca2.tr.gg/iletisim.htm">Iletisim</a></li>     
      <li><a href="http://tasarimci-amca2.tr.gg/Z-.-Defteri.htm">Z.Defteri</a></li>
<li><a href="http://tasarimci-amca2.tr.gg/toplist.htm">Toplist</a></li>     
   </ul></div></div><div class="temizle"></div>
<form method="get" action="http://tasarimci-amca2.tr.gg/arama.htm">
<input type="text" value="" name="logindata[kennwort]" class="arama">
<input type="submit" value="" class="ara"></form></div>
</div>
<div class="temizle"></div>
<div id="orta">
  <div class="sol">
<center><div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'tr',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></center>   
    <div id="solmenu">
       <div id="h1"></div>
       <li><a href="http://tasarimci-amca2.tr.gg/Temalar.htm">Web tasarimlar</a></li>
       <li><a href="#">Sayfa Adi</a></li>
       <li><a href="#">Sayfa Adi</a></li>
       <li><a href="#">Sayfa Adi</a></li>
       <li><a href="#">Sayfa Adi</a></li>       
</div>
<br><center><a href="http://potassium.tr.gg/" onclick="window.open(this.href,'','resizable=yes,location=yes,menubar=yes,scrollbars=yes,status=yes,toolbar=yes,fullscreen=yes,dependent=yes,status'); return false"><img border="0" width="150" height="125" src="http://img.webme.com/pic/p/potassium/2pot.gif" alt="" /></a></center>
</div>
  <div class="sag">
    <div class="duyuru">
      <div class="dyazi"><marquee>Tasarımın ve içeriğin (ç)alınması kesinlikle yasaktır bir başka sitelerde veya kişilerde görürsek her türlü şikayet talebinde bulunulcaktır...</marquee></div>
    </div>
<p class="ozelSecici">


tasarım altına Arrow

Kod:
</p></div>
  <div class="temizle"></div>
</div>
<div id="alt"><center><br />
<span style="color: rgb(255, 255, 255); ">Web sitemize ait olan materyaller izinsiz kullanılamaz <br />
© by semih-tasarimci-amca2.tr.gg</span></center></div></div>
<style type="text/css"> body{ margin: 0; } </style>


ve css ye eklemeniz gereken kodlar Arrow

Kod:
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; }

table {
margin-left: auto;
margin-right: auto;
margin-top:-10px;
}

/*   __________________________________________________________________
   |                                                                 |
   |  Tasarım Hakkında:                                                 |
        |                                                                |
   |  Bu tasarım tamamen web sitemize aittir...!  |
   |  çalındığı taktirde gerekli işlemler yapılır...!       |
   |  sitemizin teması full css ile kodlanmıştır...!  |
   |  2008-2012 telif haklarımız saklıdır...!   |
   |                                                                 |
   |  Semih Şeker                                                    |
   |  www.tasarimci-amca2.tr.gg                                                 |
   |                                                                 |
   |_________________________________________________________________|
*/

body {
   background-image: url(http://img.webme.com/pic/t/tasarimci-amca2/bg.png);
   background-color: #f6f5f1;
   background-repeat: repeat-x;
}
#ortala {
   width: 991px;
   margin-left: auto;
   margin-right: auto;
}
#ust {
   background-image: url(http://img.webme.com/pic/t/tasarimci-amca2/ust.png);
   margin-top:-28px;
   height: 209px;
   width: 991px;
}
.ustmenu {
   width: 762px;
   height:25px;
   margin-left:10px;
}
#ustmenum{
   margin:0 px;
   padding:0 px;
   list-style-type:none;
   padding-left: 15px;
   margin-top:-15px;
}

#ustmenum li{
   float:left;
   width:80px;
   position:relative;
   top:-6px;
}

#ustmenum a{
   font-bold:16px tahoma;
   color:#ffffff;
   text-decoration:none;
   display:block;   
   text-align:center;
   line-height:35px;   
}

#ustmenum a:hover{
   background:url(http://img.webme.com/pic/t/tasarimci-amca2/ustbarhover.png);
}
.arama
{
   border: 0;
   margin: 0;
   width: 157px;
   height: 27px;
   background:url(http://img.webme.com/pic/t/tasarimci-amca2/arama.png) no-repeat;
   font-size: 15px;
   position:absolute;
   font-family: Tahoma;
   color:#9e9e9e;
   top:252px;
   left:788px;
   padding-left: 8px;
   padding-right: 2px;
   padding-top:0px;
        margin-top:10px;   
}

.ara
{
  border: 0;
  width: 24px;
  height: 27px;
  background:url(http://img.webme.com/pic/t/tasarimci-amca2/ara.png) no-repeat;
  text-indent: -99999px;
  position:absolute;
  top:252px;
  left:940px;
 margin-top:2px;
margin-top:10px;   
}
#orta {
   background-image: url(http://img.webme.com/pic/t/tasarimci-amca2/orta.png);
   width: 991px;
   margin-top: -1px;
        margin-left:8px;
}
#alt {
   background-image: url(http://img.webme.com/pic/t/tasarimci-amca2/alt.png);
   height: 95px;
   width: 991px;
   margin-left: 8px;
}
#ad-8f14 {
   width:740px;
   height:106px;
   margin-left: auto;
   margin-right: auto;
}
.sol {
   width: 167px;
   float:left;
   margin-left:15px;
   margin-top:-4px;
}
.sag {
   width: 765px;
   float:left;
   margin-left:10px;
   margin-top:-4px;
}
.duyuru {
   background-image: url(http://img.webme.com/pic/t/tasarimci-amca2/duyuru.png);
   height: 32px;
   width: 765px;
}
.dyazi {
   width: 665px;
   margin-left:98px;
   padding-top:5px;
   color:#FFFFFF;
}
.temizle {
   clear: both;
}

#h1 {
    background:url(http://img.webme.com/pic/t/tasarimci-amca2/kategori.png);
   height: 23px;
   width: 167px;
}

#solmenu{
   width: 167px;
   list-style-type:none;
}

#solmenu li{
   width: 167px;
   position:relative;
}

#solmenu a{
   width: 167px;
   height:31px;
   font-bold:16px tahoma;
   color:#333333;
   text-decoration:none;
   display:block;
   padding-left:30px;
   line-height:30px;
   background:url(http://img.webme.com/pic/t/tasarimci-amca2/m1.png);
   background-repeat:no-repeat;
}

#solmenu a:hover{
   background:url(http://img.webme.com/pic/t/tasarimci-amca2/m2.png);
   background-repeat:no-repeat;
   width: 167px;
   height:30px;
   color:#FFFFFF;
}

.logo{
   background:url(http://img.webme.com/pic/t/tasarimci-amca2/logomx.png);
   width: 779px;
   height:153px;
}

.anasayfakutu {
widht: 465px;
height: 140px;
background: #dfdfdf url(http://img.webme.com/pic/t/tasarimci-amca2/csss.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 0px 0px 0px 2px;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
color:#000000;
}

.anasayfakutu a{
color:#4B4B4B;
text-decoration:none;
border-bottom:1px dotted #444;
}

.not {
background: #FAF9F7 url(http://xyberneticos.com/demos/Mensajes_css/images/nota.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2 px solid #F2EFEA;
border-bottom: 2px solid #F2EFEA;
color:#000000;

}

input {
padding: 1px;
margin-right: 1px;
background-image: url(http://img.webme.com/pic/t/tasarimci-amca2/yorum.png);
border: 1px dashed #000000;
color: #000000;
}

textarea {
   color: #000000;
padding: 1px;
   background:#FFF url(http://img.webme.com/pic/t/tasarimci-amca2/yorumm.png) no-repeat;
   border: 1px dashed #000000;
   margin-right: 1px;
}

______________
css tasarım,giriş paneli gibi istekleriniz için bana ulaşın
skype:semihseker26 veya profilime mesaj atmanız yeterlidir...
Mesaj31.12.2012, 12:17 (UTC)    
Mesaj konusu:

Merhaba,
Bedava-Sitem kullanıcıları için yararlı olabilecek, %100 kendi tasarımım olan Beyaz inci Blog v1 Temasını paylaşacağım. Bu temayı bedava-sitem’deki eski sitem caliskan-blog.tr.gg‘de kullanmış ve olumlu yorumlar almıştım. Sizlerinde yararlanması için temayı paylaşıma sunuyorum.
Temada ;
* 1 Adet Duyuru Alanı
* 10-15 Adet Link Takas Alanı
* Açılır Menü
*4 Adet 125x125 Reklam

gibi birçok özel alan bulunup, her biri ayrı güzelliktedir. Temayı ücretsiz olarak dağıtıyorum. Fakat Footer(Alt Alan)daki Tema: RecepBaglar.Net yazısını silmeyin! Silenler hakkında bedava-sitem yönetimi ile iletişime geçerek gerekli işlemleri yaptırarak sitelerini sildirebilirim. Aşağıda temaya ait bir kaç görüntüyü görebilirsiniz.

[IMG]http://recepbaglar.net/wp-content/uploads/2012/12/Beyaz-%C4%B0nci-Blog-v1[/IMG]
<br>


Temanın demosu için [URL=http://bc.vc/SXdv6M]tıklayın.[URL]

Temayı indirmek için [URL=http://bc.vc/9fOhDH]tıklayın.[URL]
Rar Şifresi: recepbaglar.net
______________
Mesaj04.01.2013, 21:39 (UTC)    
Mesaj konusu:

Bu tasarımı aktif-dost sitem için yapmıştım.. Fakat bazı sebeblerden kullanmaya vaktim olmadı.. Bu yüzden daha kendim kullanamama rağmen bu tasarımı sizler ile paylaşıyorum.. İstediğinizi yapabilirsiniz copyright kısımını silmek falan serbest..

Tasarımın üstü
Kod:
 <div id="div1">
  <div id="logo"><img src="http://img.webme.com/pic/a/aktif-dost/aktif-dost_yeni-logo.png" width="334" height="130"></div>
  <div id="reklam1"><img src="http://img.webme.com/pic/a/aktif-dost/aktif-dost_yeni-reklam.png" width="468" height="60"></div>
  <div id="reklam2"><img src="http://img.webme.com/pic/a/aktif-dost/aktif-dost_yeni-reklam.png" width="468" height="60"></div>
</div>
<div id="div2">
  <div id="duyuru">Duyuru buraya usta</div>
</div>
<div id="div3">
  <div id="ust-menu">
    <div>
      <ul>
   
        <li><a href="#">Ana Sayfa</a></li>
        <li><a href="#">İletişim</a></li>
        <li><a href="#">Hakkımızda</a></li>
        <li><a href="#">Ziyaretçi Defteri</a></li>
        <li><a href="#">Topliste</a></li>
        <li><a href="#">Forum</a></li>
        <li><a href="#">Grafik İstekleri</a></li>
      </ul>
    </div>
  </div>
</div>
<div id="div4">
  <div id="icerik">


Tasarımın altı

Kod:
</div>
  <div id="menu">
    <div>
      <ul>
     <h3>Ana Menü</h3>
        <li><a href="#">Ana Sayfa</a></li>
        <li><a href="#">İletişim</a></li>
        <li><a href="#">Hakkımızda</a></li>
        <li><a href="#">Ziyaretçi Defteri</a></li>
        <li><a href="#">Topliste</a></li>
        <li><a href="#">Forum </a></li>
        <li><a href="#">Grafik İstekleri  </a></li>
      </ul>
    </div>
  </div>
  <div id="temizle"></div>
</div>
<div id="div5"><div id="link-takas">
  <ul>
    <li><a href="#">LİNK1</a></li>
    <li><a href="#">LİNK2</a></li>
    <li><a href="#">LİNK3</a></li>
    <li><a href="#">LİNK4</a></li>
    <li><a href="#">LİNK5</a></li>
    <li><a href="#">LİNK6</a></li>
  </ul>
  </div>
</div>
<div id="div6"></div>


Css ;

Kod:
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;}

#div1 {
   background-image: url(http://img.webme.com/pic/a/aktif-dost/aktif-dost_yeni-tema_01.png);
   height: 177px;
   width: 1000px;
   margin-right: auto;
   margin-left: auto;
}
#div2 {
   background-image: url(http://img.webme.com/pic/a/aktif-dost/aktif-dost_yeni-tema_02.png);
   height: 47px;
   width: 1000px;
   margin-right: auto;
   margin-left: auto;
}
#div3 {
   background-image: url(http://img.webme.com/pic/a/aktif-dost/aktif-dost_yeni-tema_03.png);
   height: 65px;
   width: 1000px;
   margin-right: auto;
   margin-left: auto;
}
#div4 {
   background-image: url(http://img.webme.com/pic/a/aktif-dost/aktif-dost_yeni-tema_04.png);
   height: auto;
   width: 1000px;
   margin-right: auto;
   margin-left: auto;
}
#div5 {
   background-image: url(http://img.webme.com/pic/a/aktif-dost/aktif-dost_yeni-tema_05.png);
   height: 62px;
   width: 1000px;
   margin-right: auto;
   margin-left: auto;
}
#div6 {
   background-image: url(http://img.webme.com/pic/a/aktif-dost/aktif-dost_yeni-tema_06.png);
   height: 65px;
   width: 1000px;
   margin-right: auto;
   margin-left: auto;
}
#logo {
   float: left;
   height: 130px;
   width: 334px;
   margin-top: 25px;
   margin-left: 25px;
}
#reklam1 {
   float: right;
   height: 60px;
   width: 468px;
   margin-right: 33px;
   margin-top: 25px;
}
#duyuru {
   float: right;
   width: 750px;
   margin-right: 19px;
   color: #525252;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 16px;
   margin-top: 15px;
   font-style: italic;
   line-height: normal;
   font-weight: bold;
}
#ust-menu {
   height: 65px;
   width: 1000px;
   padding-top: 15px;
   padding-left: 80px;
}
#icerik {
   float: left;
   height: auto;
   width: 709px;
   margin-left: 20px;
}
#reklam2 {
   float: right;
   height: 60px;
   width: 468px;
   margin-top: 5px;
   margin-right: 33px;
}
#menu {
   float: right;
   height: auto;
   width: 241px;
   margin-right: 17px;
}
#link-takas {
   float: right;
   width: 700px;
   margin-right: 45px;
   color: #525252;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 16px;
   margin-top: 30px;
   font-style: italic;
   line-height: normal;
   font-weight: bold;
}
#temizle {
   clear: both;
   height: auto;
   width: 1000px;
}
#div5 #link-takas ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
#div5 #link-takas li {
   float: left;
   margin-left: 10px;
}
#div5 #link-takas a {
   color: #525252;
   text-decoration: none;
}
#div3 #ust-menu {
}
#div3 #ust-menu ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
#div3 #ust-menu li {
   float: left;
   padding-left: 10px;
   border-right-style: dashed;
   border-right-width: 1px;
   padding-right: 10px;
}
#div3 #ust-menu a:hover {
   color: #F0F0F0;
}
#div3 #ust-menu a {
   color: #525252;
   text-decoration: none;
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
}
#div4 #menu {
}
#div4 #menu ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
#div4 #menu li {
   border-bottom-width: 1px;
   border-bottom-style: dashed;
   width: 241px;
   height: auto;
   text-align: center;
}
#div4 #menu a {
   color: #545454;
   text-decoration: none;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: lighter;
}
#div4 #menu a:hover {
   color: #F0F0F0;
}
#div4 #menu h3 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   background-image: url(http://img.webme.com/pic/a/aktif-dost/aktif-dost_h3.png);
   text-align: center;
   height: 30px;
   width: 239px;
   padding-top: 8px;
   color: #3a3a3a;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-top: 0px;
}
body {
   background-color: #CCC;
}
Mesaj12.01.2013, 21:08 (UTC)    
Mesaj konusu: Gri Tasarım Yeni


Tasarımın Üstüne:
Kod:
<center><table width="1110" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="141" background="http://img.webme.com/pic/b/bedava-sitem-blogcusu/griv101.png"><table width="1110" height="141" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="586"> </td> <td width="500"><table width="500" height="100" border="0" cellpadding="0" cellspacing="0"> <tr> <td><p>Reklam Resmi Buraya </p> </td> </tr> </table></td> <td width="24"> </td> </tr> </table></td> </tr> <tr> <td height="99" valign="top" background="http://img.webme.com/pic/b/bedava-sitem-blogcusu/griv102.png"><table width="1110" height="99" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="17" height="68"> </td> <td width="240"><a href="ana-sayfa.htm" _fcksavedurl="ana-sayfa.htm"><div class="anasayfa"> <p> </p> <p> </p> </div></a></td> <td width="294"><a href="hakkimizda.htm" _fcksavedurl="hakkimizda.htm"><div class="about"> <p> </p> <p> </p> </div></a></td> <td width="365"><a href="defter.htm" _fcksavedurl="defter.htm"><div class="defter"> <p> </p> <p> </p> </div></a></td> <td width="171"><a href="iletisim.htm" _fcksavedurl="iletisim.htm"><div class="contact"> <p> </p> <p> </p> </div></a></td> <td width="23"> </td> </tr> </table></td> </tr> <tr> <td height="336" valign="top" background="http://img.webme.com/pic/b/bedava-sitem-blogcusu/griv103.png"><table width="1110" height="336" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="52"> </td> <td width="198" valign="top">Sol Menü </td> <td width="42"> </td> <td width="797" valign="top">

Tasarımın Altına:
Kod:
</td> <td width="21"> </td> </tr> </table></td> </tr> <tr> <td height="124" background="http://img.webme.com/pic/b/bedava-sitem-blogcusu/griv104.png"><table width="1110" height="124" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="106"> </td> <td width="512"><p> </p> <p>Buraya da copyrightını yaz </p></td> <td width="492"> </td> </tr> </table></td> </tr> </table> </center>

Css Koduna:
Kod:
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;} a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: none;} a:active {text-decoration: none;} #content { height: 336px; width: 797px; overflow:auto; position:absolute; } body { background-image: url(http://bglabs.evade.netdna-cdn.com/45875kli90/114.jpg); background-repeat: repeat; background-attachment: fixed; background-color: white; background-position:top-left; }
Mesaj20.01.2013, 17:57 (UTC)    
Mesaj konusu: İlk Yaptığım Tasarım - Sade Ve Kullanışlı

Bende grafikerliğe başladım sizlere basitten zora doğru tasarımlar sunacağım.


Tasarım Üstü:

Kod:
<style type="text/css">
<!--
#menü {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 15px;
   list-style-type: none;
}
#menü a {
   color: #000000;
   text-decoration: none;
   display: block;
   margin: 4px;
   list-style-type: none;
}
#menü ul li a:hover {
   font-size: 16px;
   color: #00CCCC;
}
-->
</style>
<table width="900" height="520" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="192" background="http://img2.webme.com/pic/h/htmlcssdzynn/cssmm_01.png">&nbsp;</td>
  </tr>
  <tr>
    <td height="249" align="left" valign="top" background="http://img2.webme.com/pic/h/htmlcssdzynn/cssmm_02.png"><table width="892" height="246" cellpadding="0" cellspacing="0">
      <tr>
        <td width="253" align="center" valign="top"><div id="menü">
          <ul>
            <li><a href="#">Anasayfa</a></li>
            <li><a href="#">İletişim</a></li>
            <li><a href="#">Yorum Bırak</a></li>
            <li><a href="#">Oyunlar</a></li>
            <li><a href="#">Videolar</a></li>
            <li><a href="#">Müzik</a></li>
            <li><a href="#">Eklenecek</a></li>
            <li><a href="#">Eklenecek</a></li>
            <li><a href="#">Eklenecek</a></li>
          </ul>
        </div></td>
        <td width="39">&nbsp;</td>
        <td width="604" align="left" valign="top">


Tasarım Altı:

Kod:
</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="77" background="http://img2.webme.com/pic/h/htmlcssdzynn/cssmm_03.png">&nbsp;</td>
  </tr>
</table>



Css Bölümü:

Kod:
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;}


İyi Kullanımlar Dilerim Smile
Mesaj26.01.2013, 00:39 (UTC)    
Mesaj konusu:

Teşekürler...
Mesaj27.01.2013, 12:01 (UTC)    
Mesaj konusu: Gri değişen menülü süper temam :)

Tasarım tamamen bana aittir. Güzeldir
Gri v2 temamdır.

Önizleme:

http://img.webme.com/pic/h/htmlcssdzynn/cssssmm.png

Tasarım Üst:

Kod:
<style type="text/css">
<!--
#MENU1 ul {
   display: block;
   list-style-type: none;
}
#MENU1 li {
   margin: 4px;
   display: block;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 16px;
   text-decoration: none;
}
#MENU1 a {
   color: #000000;
   text-decoration: none;
}
#MENU1 ul li a:hover {
   color: #330033;
   text-decoration: none;
   background-color: #CCCCCC;
}
#menu2 ul {
   display: block;
   list-style-type: none;
}
#menu2 li {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 16px;
   text-decoration: none;
   display: block;
   margin: 4px;
}
#menu2 a {
   color: #000000;
   text-decoration: none;
}
#menu2 ul li a:hover {
   color: #330033;
   background-color: #CCCCCC;
}
-->
</style>
<table width="800" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="150" background="http://img.webme.com/pic/h/htmlcssdzynn/gritemam_01.png">&nbsp;</td>
  </tr>
  <tr>
    <td height="218" align="left" valign="top" background="http://img.webme.com/pic/h/htmlcssdzynn/gritemam_02.png"><table width="790" height="179" cellpadding="0" cellspacing="0">
      <tr>
        <td width="29">&nbsp;</td>
        <td width="520" align="left" valign="top">


Tasarım ALT:

Kod:
</td>
        <td width="25">&nbsp;</td>
        <td width="222" align="center" valign="top"><div id="MENU1">
          <ul>
            <li><a href="#Link">Anasayfa</a></li>
            <li><a href="#Link">İletişim</a></li>
            <li><a href="#Link">Hakkımızda</a></li>
            <li><a href="#Link">Yorumlar</a></li>
            <li><a href="#Link">Forum</a></li>
            <li><a href="#Link">Resimler</a></li>
            <li><a href="#Link">Videolar</a></li>
          </ul>
        </div></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="235" align="left" valign="top" background="http://img.webme.com/pic/h/htmlcssdzynn/gritemam_03.png"><table width="792" height="178" cellpadding="0" cellspacing="0">
      <tr>
        <td width="29">&nbsp;</td>
        <td width="515">&nbsp;</td>
        <td width="23">&nbsp;</td>
        <td width="229" align="center" valign="top"><div id="menu2">
          <ul>
            <li><a href="#Link">Css Tasarımlar</a></li>
            <li><a href="#Link">Photoshop </a></li>
            <li><a href="#Link">Dreamweaver</a></li>
            <li><a href="#Link">Forum Aç</a></li>
            <li><a href="#Link">Siteni Ekle</a></li>
            <li><a href="#Link">Banner Yap</a></li>
          </ul>
        </div></td>
      </tr>
    </table></td>
  </tr>
</table>


Css Kısmı:

Kod:
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;}


Diğer temalarım yakında eklenecektir. Smile Takipte kalınız..
Mesaj27.01.2013, 12:25 (UTC)    
Mesaj konusu: Gri v2 Hakkında

Çok teşekkür ederim tasarımını kullanıyorum.


En son 720pfilmizlee tarafından 27.01.2013 21:06:41 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj29.01.2013, 14:29 (UTC)    
Mesaj konusu: Çok güzel sade ve kullanılabilir şık tema1

İlk temamı sizlere sunmaktan onur duyarım Smile
Çok önemli!!!: Tasarımda sitemi koymadım reklam sevmeyenler için çok güzel bir tasarım Smile


Önizleme: http://www.tema1-cssdesinng.tr.gg/


T.üstü:


Kod:
<table width="900" height="509" align="left" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="http://img.webme.com/pic/c/cssdesinng/htmlo_01.png" width="900" height="233" border="0" usemap="#Map"></td>
  </tr>
  <tr>
    <td height="176" align="left" valign="top" background="http://img.webme.com/pic/c/cssdesinng/htmlo_02.png"><table width="900" height="172" cellpadding="0" cellspacing="0">
      <tr>
        <td width="21">&nbsp;</td>
        <td width="853" align="left" valign="top">


T.ALTI:

Kod:
</td>
        <td width="24">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="100" background="http://img.webme.com/pic/c/cssdesinng/htmlo_03.png">&nbsp;</td>
  </tr>
</table>

<map name="Map"><area shape="rect" coords="28,160,105,186" href="#anasayfa">
<area shape="rect" coords="132,160,203,185" href="#iletisim">
<area shape="rect" coords="228,161,331,188" href="#hakkimizda">
<area shape="rect" coords="354,160,425,189" href="#forum">
<area shape="rect" coords="446,162,514,190" href="#toplist">
<area shape="rect" coords="533,159,666,189" href="#kod">
<area shape="rect" coords="688,157,786,188" href="#temalar">
<area shape="rect" coords="806,157,864,188" href="#diger">
</map>


Css Kısmı:

Kod:
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;}


Arkadaşlar iyi kullanımlar dilerim Smile
______________
Hayatta En Hakiki Mürşit İlimdir Fendir!
M.Kemal Atatürk
Mesaj01.02.2013, 08:38 (UTC)    
Mesaj konusu: İlk Topliste Tasarımı

Herkese Merhaba Ben Toplist19
Bugün Size Topliste Tasarımını Paylaşacağım.
Toplisteme Katılmanızı Rica Ederim.

Tasarım üstü:

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">     <head>         <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8"  />         <link href="default/style.css" rel="stylesheet" title="Style" />         <title>Egitim Siteleri Ogretmen Siteleri Bedava Toplist</title>     </head>     <body>        <div class="header">            <a href="index.php" _fcksavedurl="index.php"><img src="default/images/logo.png" _fcksavedurl="default/images/logo.png" alt="Top site" /></a>   <center> <script type="text/javascript"><!--
google_ad_client = "pub-8028223207411225";
/* 728x15, olu?turulma 26.11.2010 */
google_ad_slot = "2719749801";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script> <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script> </center>  <center>  <script type="text/javascript"><!--
google_ad_client = "pub-8028223207411225";
/* 728x90, olu?turulma 28.08.2010 */
google_ad_slot = "1771431097";
google_ad_width = 728;
google_ad_height = 90;
// --></script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>  </center>          </div> <div class="new"><a href="new.php" _fcksavedurl="new.php">Siteni Bedava Ekle</a></div>



Tasarım Altı:

Kod:
<table class="topsite" cellpadding="0" cellspacing="0">    <tr>        <th class="ranking_th">Seviyesi</th>        <th class="site_th">Website</th>        <th class="votes_th">Oylar</th>     </tr>     <tr>        <td colspan="3" class="pages">Sayfa: <strong>1</strong> <a href="?page=2" _fcksavedurl="?page=2">2</a> <a href="?page=3" _fcksavedurl="?page=3">3</a> <a href="?page=4" _fcksavedurl="?page=4">4</a> <a href="?page=5" _fcksavedurl="?page=5">5</a> <a href="?page=6" _fcksavedurl="?page=6">6</a> <a href="?page=7" _fcksavedurl="?page=7">7</a> <a href="?page=8" _fcksavedurl="?page=8">8</a> <a href="?page=9" _fcksavedurl="?page=9">9</a> <a href="?page=10" _fcksavedurl="?page=10">10</a> <a href="?page=11" _fcksavedurl="?page=11">11</a> <a href="?page=12" _fcksavedurl="?page=12">12</a> <a href="?page=13" _fcksavedurl="?page=13">13</a> <a href="?page=14" _fcksavedurl="?page=14">14</a> <a href="?page=15" _fcksavedurl="?page=15">15</a> <a href="?page=16" _fcksavedurl="?page=16">16</a> <a href="?page=17" _fcksavedurl="?page=17">17</a> <a href="?page=18" _fcksavedurl="?page=18">18</a> <a href="?page=19" _fcksavedurl="?page=19">19</a> <a href="?page=20" _fcksavedurl="?page=20">20</a> <a href="?page=21" _fcksavedurl="?page=21">21</a> <a href="?page=22" _fcksavedurl="?page=22">22</a> <a href="?page=23" _fcksavedurl="?page=23">23</a> <a href="?page=24" _fcksavedurl="?page=24">24</a> <a href="?page=25" _fcksavedurl="?page=25">25</a> <a href="?page=26" _fcksavedurl="?page=26">26</a> <a href="?page=27" _fcksavedurl="?page=27">27</a> <a href="?page=28" _fcksavedurl="?page=28">28</a> <a href="?page=29" _fcksavedurl="?page=29">29</a> <a href="?page=30" _fcksavedurl="?page=30">30</a> <a href="?page=31" _fcksavedurl="?page=31">31</a> <a href="?page=32" _fcksavedurl="?page=32">32</a> <a href="?page=2" _fcksavedurl="?page=2">Ileri</a></td>     </tr>    <tr>        <td class="ranking">1      </td>        <td class="site"><a href="http://www.webtam.com" _fcksavedurl="http://www.webtam.com" style="color:#0000ff;text-decoration:underline;font-weight:bold;">Profesyonel Web Tasarım</a><br />       Profesyonel Web Tasarım Hizmetleri<br />         <a href="http://www.webtam.com" _fcksavedurl="http://www.webtam.com" style="color:#008000;">http://www.webtam.com</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.webtam.com&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.webtam.com&style=7" /></a>              <div style="text-align:center;"><a href="http://www.webtam.com" _fcksavedurl="http://www.webtam.com"><img src="" _fcksavedurl="" alt="Profesyonel Web Tasarım" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">38<br /><a href="vote.php?id=396" _fcksavedurl="vote.php?id=396">Destekle</a></td>     </tr>    <tr>        <td class="ranking">2      </td>        <td class="site"><a href="http://turkuevi.blogspot.com/" _fcksavedurl="http://turkuevi.blogspot.com/" style="color:#0000ff;text-decoration:underline;font-weight:bold;">Türkü Dinle</a><br />       türkü dinlemenin yeri<br />         <a href="http://turkuevi.blogspot.com/" _fcksavedurl="http://turkuevi.blogspot.com/" style="color:#008000;">http://turkuevi.blogspot.com/</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fturkuevi.blogspot.com%2F&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fturkuevi.blogspot.com%2F&style=7" /></a>              <div style="text-align:center;"><a href="http://turkuevi.blogspot.com/" _fcksavedurl="http://turkuevi.blogspot.com/"><img src="" _fcksavedurl="" alt="Türkü Dinle" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">36<br /><a href="vote.php?id=187" _fcksavedurl="vote.php?id=187">Destekle</a></td>     </tr>    <tr>        <td class="ranking">3      </td>        <td class="site"><a href="http://www.tatli.net" _fcksavedurl="http://www.tatli.net" style="color:#0000ff;text-decoration:underline;font-weight:bold;">Sohbet siteleri</a><br />       Web üzerinden kaliteli canli sohbet imkani sitemizde mevcuttur<br />         <a href="http://www.tatli.net" _fcksavedurl="http://www.tatli.net" style="color:#008000;">http://www.tatli.net</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.tatli.net&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.tatli.net&style=7" /></a>              <div style="text-align:center;"><a href="http://www.tatli.net" _fcksavedurl="http://www.tatli.net"><img src="" _fcksavedurl="" alt="Sohbet siteleri" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">29<br /><a href="vote.php?id=146" _fcksavedurl="vote.php?id=146">Destekle</a></td>     </tr>    <tr>        <td class="ranking">4      </td>        <td class="site"><a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" style="color:#0000ff;text-decoration:underline;font-weight:bold;">YazılıPlan.Net</a><br />       Öğretmen Sitesi<br />         <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" style="color:#008000;">http://www.yaziliplan.net/</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.yaziliplan.net%2F&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.yaziliplan.net%2F&style=7" /></a>              <div style="text-align:center;"><a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/"><img src="http://s19.postimage.org/jf5yi4c4j/yaziliplannet_banner_logo_resmi.jpg" _fcksavedurl="http://s19.postimage.org/jf5yi4c4j/yaziliplannet_banner_logo_resmi.jpg" alt="YazılıPlan.Net" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">26<br /><a href="vote.php?id=1" _fcksavedurl="vote.php?id=1">Destekle</a></td>     </tr>    <tr>        <td class="ranking">5      </td>        <td class="site"><a href="http://turkudinleme.org/" _fcksavedurl="http://turkudinleme.org/" style="color:#0000ff;text-decoration:underline;font-weight:bold;">Türkü Dinle</a><br />       türkülerin sitesi<br />         <a href="http://turkudinleme.org/" _fcksavedurl="http://turkudinleme.org/" style="color:#008000;">http://turkudinleme.org/</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fturkudinleme.org%2F&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fturkudinleme.org%2F&style=7" /></a>              <div style="text-align:center;"><a href="http://turkudinleme.org/" _fcksavedurl="http://turkudinleme.org/"><img src="" _fcksavedurl="" alt="Türkü Dinle" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">23<br /><a href="vote.php?id=185" _fcksavedurl="vote.php?id=185">Destekle</a></td>     </tr>    <tr>        <td class="ranking">6      </td>        <td class="site"><a href="http://wmaraci.com/" _fcksavedurl="http://wmaraci.com/" style="color:#0000ff;text-decoration:underline;font-weight:bold;">wmaraci webmaster forumu</a><br />       wmaraci ücretsiz  webmaster forumu<br />         <a href="http://wmaraci.com/" _fcksavedurl="http://wmaraci.com/" style="color:#008000;">http://wmaraci.com/</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwmaraci.com%2F&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwmaraci.com%2F&style=7" /></a>              <div style="text-align:center;"><a href="http://wmaraci.com/" _fcksavedurl="http://wmaraci.com/"><img src="http://wmaraci.com/resimler/logolar/logo.png" _fcksavedurl="http://wmaraci.com/resimler/logolar/logo.png" alt="wmaraci webmaster forumu" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">21<br /><a href="vote.php?id=7" _fcksavedurl="vote.php?id=7">Destekle</a></td>     </tr>    <tr>        <td class="ranking">7      </td>        <td class="site"><a href="http://www.karpuzpeynir.com/" _fcksavedurl="http://www.karpuzpeynir.com/" style="color:#0000ff;text-decoration:underline;font-weight:bold;">Bitkisel Sağlık</a><br />       sağlık hakkında<br />         <a href="http://www.karpuzpeynir.com/" _fcksavedurl="http://www.karpuzpeynir.com/" style="color:#008000;">http://www.karpuzpeynir.com/</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.karpuzpeynir.com%2F&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.karpuzpeynir.com%2F&style=7" /></a>              <div style="text-align:center;"><a href="http://www.karpuzpeynir.com/" _fcksavedurl="http://www.karpuzpeynir.com/"><img src="" _fcksavedurl="" alt="Bitkisel Sağlık" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">20<br /><a href="vote.php?id=220" _fcksavedurl="vote.php?id=220">Destekle</a></td>     </tr>    <tr>        <td class="ranking">8      </td>        <td class="site"><a href="http://www.aciltercume.com.tr" _fcksavedurl="http://www.aciltercume.com.tr" style="color:#0000ff;text-decoration:underline;font-weight:bold;">tercüme</a><br />       Bütün dillerde ve alanlarda profesyonel noter yeminli tercüme hizmetleri.<br />         <a href="http://www.aciltercume.com.tr" _fcksavedurl="http://www.aciltercume.com.tr" style="color:#008000;">http://www.aciltercume.com.tr</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.aciltercume.com.tr&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.aciltercume.com.tr&style=7" /></a>              <div style="text-align:center;"><a href="http://www.aciltercume.com.tr" _fcksavedurl="http://www.aciltercume.com.tr"><img src="" _fcksavedurl="" alt="tercüme" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">17<br /><a href="vote.php?id=14" _fcksavedurl="vote.php?id=14">Destekle</a></td>     </tr>    <tr>        <td class="ranking">9      </td>        <td class="site"><a href="http://www.sanalbilgi.net" _fcksavedurl="http://www.sanalbilgi.net" style="color:#0000ff;text-decoration:underline;font-weight:bold;">sanalbilgi</a><br />       Sanal Alemin Sanal blogu<br />         <a href="http://www.sanalbilgi.net" _fcksavedurl="http://www.sanalbilgi.net" style="color:#008000;">http://www.sanalbilgi.net</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.sanalbilgi.net&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.sanalbilgi.net&style=7" /></a>              <div style="text-align:center;"><a href="http://www.sanalbilgi.net" _fcksavedurl="http://www.sanalbilgi.net"><img src="" _fcksavedurl="" alt="sanalbilgi" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">14<br /><a href="vote.php?id=230" _fcksavedurl="vote.php?id=230">Destekle</a></td>     </tr>    <tr>        <td class="ranking">10      </td>        <td class="site"><a href="http://www.flashgame.tc" _fcksavedurl="http://www.flashgame.tc" style="color:#0000ff;text-decoration:underline;font-weight:bold;">Flash Game</a><br />       Flash Oyun Sitesi<br />         <a href="http://www.flashgame.tc" _fcksavedurl="http://www.flashgame.tc" style="color:#008000;">http://www.flashgame.tc</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.flashgame.tc&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.flashgame.tc&style=7" /></a>              <div style="text-align:center;"><a href="http://www.flashgame.tc" _fcksavedurl="http://www.flashgame.tc"><img src="http://www.flashgame.tc/media/img/logo.png" _fcksavedurl="http://www.flashgame.tc/media/img/logo.png" alt="Flash Game" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">13<br /><a href="vote.php?id=2" _fcksavedurl="vote.php?id=2">Destekle</a></td>     </tr>    <tr>        <td class="ranking">11      </td>        <td class="site"><a href="http://www.ogretmensitesi.info/" _fcksavedurl="http://www.ogretmensitesi.info/" style="color:#0000ff;text-decoration:underline;font-weight:bold;">Öğretmen Sitesi</a><br />       Öğretmenlerin Sitesi, Eğitim ve Paylaşım Platformu<br />         <a href="http://www.ogretmensitesi.info/" _fcksavedurl="http://www.ogretmensitesi.info/" style="color:#008000;">http://www.ogretmensitesi.info/</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.ogretmensitesi.info%2F&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.ogretmensitesi.info%2F&style=7" /></a>              <div style="text-align:center;"><a href="http://www.ogretmensitesi.info/" _fcksavedurl="http://www.ogretmensitesi.info/"><img src="http://s14.postimage.org/pmgbyg3rl/logo.jpg" _fcksavedurl="http://s14.postimage.org/pmgbyg3rl/logo.jpg" alt="Öğretmen Sitesi" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">12<br /><a href="vote.php?id=10" _fcksavedurl="vote.php?id=10">Destekle</a></td>     </tr>    <tr>        <td class="ranking">12      </td>        <td class="site"><a href="http://sosyalmedya.cc/" _fcksavedurl="http://sosyalmedya.cc/" style="color:#0000ff;text-decoration:underline;font-weight:bold;">Sosyal Medya</a><br />       Sosyal Medya Blogu<br />         <a href="http://sosyalmedya.cc/" _fcksavedurl="http://sosyalmedya.cc/" style="color:#008000;">http://sosyalmedya.cc/</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fsosyalmedya.cc%2F&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fsosyalmedya.cc%2F&style=7" /></a>              <div style="text-align:center;"><a href="http://sosyalmedya.cc/" _fcksavedurl="http://sosyalmedya.cc/"><img src="http://sosyalmedya.cc/wp-content/uploads/2012/10/sosyalmedyalogo-melancholia.png" _fcksavedurl="http://sosyalmedya.cc/wp-content/uploads/2012/10/sosyalmedyalogo-melancholia.png" alt="Sosyal Medya" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">11<br /><a href="vote.php?id=107" _fcksavedurl="vote.php?id=107">Destekle</a></td>     </tr>    <tr>        <td class="ranking">13      </td>        <td class="site"><a href="http://www.r10.net/" _fcksavedurl="http://www.r10.net/" style="color:#0000ff;text-decoration:underline;font-weight:bold;">R10 Google Fan Webmaster Forum </a><br />       R10 Google Fan Webmaster Forum E-Ticaret<br />         <a href="http://www.r10.net/" _fcksavedurl="http://www.r10.net/" style="color:#008000;">http://www.r10.net/</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.r10.net%2F&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.r10.net%2F&style=7" /></a>              <div style="text-align:center;"><a href="http://www.r10.net/" _fcksavedurl="http://www.r10.net/"><img src="http://4.bp.blogspot.com/-52hEmOWmeJw/TuD4y6QO8vI/AAAAAAAAAFw/8cIRB6YaEi8/s320/logo.gif" _fcksavedurl="http://4.bp.blogspot.com/-52hEmOWmeJw/TuD4y6QO8vI/AAAAAAAAAFw/8cIRB6YaEi8/s320/logo.gif" alt="R10 Google Fan Webmaster Forum " style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">8<br /><a href="vote.php?id=5" _fcksavedurl="vote.php?id=5">Destekle</a></td>     </tr>    <tr>        <td class="ranking">14      </td>        <td class="site"><a href="http://www.1driver.org" _fcksavedurl="http://www.1driver.org" style="color:#0000ff;text-decoration:underline;font-weight:bold;">driver</a><br />       driver download<br />         <a href="http://www.1driver.org" _fcksavedurl="http://www.1driver.org" style="color:#008000;">http://www.1driver.org</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.1driver.org&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fwww.1driver.org&style=7" /></a>              <div style="text-align:center;"><a href="http://www.1driver.org" _fcksavedurl="http://www.1driver.org"><img src="" _fcksavedurl="" alt="driver" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">8<br /><a href="vote.php?id=11" _fcksavedurl="vote.php?id=11">Destekle</a></td>     </tr>    <tr>        <td class="ranking">15      </td>        <td class="site"><a href="http://ihyaforum.com/" _fcksavedurl="http://ihyaforum.com/" style="color:#0000ff;text-decoration:underline;font-weight:bold;">İhya Forum</a><br />       İhya Forum, Molla Cami Forumu<br />         <a href="http://ihyaforum.com/" _fcksavedurl="http://ihyaforum.com/" style="color:#008000;">http://ihyaforum.com/</a> - <a href="http://www.yaziliplan.net/" _fcksavedurl="http://www.yaziliplan.net/" title="PageRank google Top site top list generators free tools and services for webmasters counters tchat ajax tools free"><img src="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fihyaforum.com%2F&style=7" _fcksavedurl="http://images.webestools.com/prggl.gif?site=http%3A%2F%2Fihyaforum.com%2F&style=7" /></a>              <div style="text-align:center;"><a href="http://ihyaforum.com/" _fcksavedurl="http://ihyaforum.com/"><img src="http://sphotos-a.xx.fbcdn.net/hphotos-prn1/560170_368285309905063_472731052_n.jpg" _fcksavedurl="http://sphotos-a.xx.fbcdn.net/hphotos-prn1/560170_368285309905063_472731052_n.jpg" alt="İhya Forum" style="max-width:550px;max-height:50px;" /></a></div></td>             <td class="votes">7<br /><a href="vote.php?id=6" _fcksavedurl="vote.php?id=6">Destekle</a></td>     </tr>     <tr>        <td colspan="3" class="pages">Sayfa: <strong>1</strong> <a href="?page=2" _fcksavedurl="?page=2">2</a> <a href="?page=3" _fcksavedurl="?page=3">3</a> <a href="?page=4" _fcksavedurl="?page=4">4</a> <a href="?page=5" _fcksavedurl="?page=5">5</a> <a href="?page=6" _fcksavedurl="?page=6">6</a> <a href="?page=7" _fcksavedurl="?page=7">7</a> <a href="?page=8" _fcksavedurl="?page=8">8</a> <a href="?page=9" _fcksavedurl="?page=9">9</a> <a href="?page=10" _fcksavedurl="?page=10">10</a> <a href="?page=11" _fcksavedurl="?page=11">11</a> <a href="?page=12" _fcksavedurl="?page=12">12</a> <a href="?page=13" _fcksavedurl="?page=13">13</a> <a href="?page=14" _fcksavedurl="?page=14">14</a> <a href="?page=15" _fcksavedurl="?page=15">15</a> <a href="?page=16" _fcksavedurl="?page=16">16</a> <a href="?page=17" _fcksavedurl="?page=17">17</a> <a href="?page=18" _fcksavedurl="?page=18">18</a> <a href="?page=19" _fcksavedurl="?page=19">19</a> <a href="?page=20" _fcksavedurl="?page=20">20</a> <a href="?page=21" _fcksavedurl="?page=21">21</a> <a href="?page=22" _fcksavedurl="?page=22">22</a> <a href="?page=23" _fcksavedurl="?page=23">23</a> <a href="?page=24" _fcksavedurl="?page=24">24</a> <a href="?page=25" _fcksavedurl="?page=25">25</a> <a href="?page=26" _fcksavedurl="?page=26">26</a> <a href="?page=27" _fcksavedurl="?page=27">27</a> <a href="?page=28" _fcksavedurl="?page=28">28</a> <a href="?page=29" _fcksavedurl="?page=29">29</a> <a href="?page=30" _fcksavedurl="?page=30">30</a> <a href="?page=31" _fcksavedurl="?page=31">31</a> <a href="?page=32" _fcksavedurl="?page=32">32</a> <a href="?page=2" _fcksavedurl="?page=2">Ileri</a></td>     </tr> </table> <div class="new"><a href="new.php" _fcksavedurl="new.php">Siteni Bedava Ekle</a>     <p>    <center> <script type="text/javascript"><!--
google_ad_client = "pub-8028223207411225";
/* 728x15, olu?turulma 26.11.2010 */
google_ad_slot = "2719749801";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script> <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script> </center>  <center>  <script type="text/javascript"><!--
google_ad_client = "pub-8028223207411225";
/* 728x90, olu?turulma 28.08.2010 */
google_ad_slot = "1771431097";
google_ad_width = 728;
google_ad_height = 90;
// --></script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>  </center>     </div> <a href="#null" _fcksavedurl="#null" onclick_fckprotectedatt="%20onclick%3D%22document.getElementById('administration').style.display%3D'block'%3B%22">Yonetici</a> <form action="index.php" method="post" id="administration" style="display:none;">    <label for="password">Password</label><input type="password" name="password" id="password" /><input type="submit" value="Log in" /> </form>         <div class="foot">             <a href="http://ogretmensitesi.info/toplist/index.php" _fcksavedurl="http://ogretmensitesi.info/toplist/index.php">Bedava Toplist - Siteni Ekle</a>         </div>     </body> </html>



Css Kodu:
Kod:
   <style type="text/css"> <!---  h1#title{} h2#title span,#ilayer,div.header,li.nav_element{display:none;} li.nav_element{list-style-type: none;} table {margin-left: auto;margin-right: auto}    /*****************************************************/ /****General****/ * {    margin:0px;    padding:0px; } body {    background:#e2f6ff url('http://s1.uploads.im/Uaeiz.gif') center top no-repeat;    padding-left:10%;    padding-right:10%;    font-family:Arial, Geneva, sans-serif; } a {    text-decoration:none;    color:#333333; } a:hover {    color:#000000; } img, table, tr, td {    border:0px; } .clean {    clear:both; } label {    display:inline-block;    width:120px;    vertical-align:baseline;    text-align:left; } table {    padding:10px; } /*****************************************************/ /****Blocks****/ .header {    margin:auto;    margin-top:10px;    padding:15px;    background:url('http://s1.uploads.im/1dNLI.png');    width:70%;    -moz-border-radius:20px;    -webkit-border-radius:20px;    border-radius:20px;    text-align:center; } .foot {    text-align:center;    background:url('http://s1.uploads.im/1dNLI.png');    width:60%;    -moz-border-radius:15px;    -webkit-border-radius:15px;    border-radius:15px;    margin:auto;    padding:10px;    margin-top:20px; } .content {    text-align:center;    background:url('http://s1.uploads.im/1dNLI.png');    width:65%;    -moz-border-radius:20px;    -webkit-border-radius:20px;    border-radius:20px;    margin:auto;    padding:20px;    margin-top:20px; } /*****************************************************/ /****Content****/ .new {    font-size:36px;    text-align:center; } .form input[type=text] {    width:250px; } .connexion {    -moz-border-radius:20px;    -webkit-border-radius:20px;    border-radius:20px;    padding:20px;    margin:auto;    width:500px;    background:url('http://s1.uploads.im/6Vku4.png');    color:#ffffff;    text-align:center;    font-weight:bold;    margin-top:20px; } .topsite {    -moz-border-radius:20px;    -webkit-border-radius:20px;    border-radius:20px;    padding:20px;    padding-top:0px;    margin:auto;    margin-left:10px;    margin-right:10px;    width:100%;    background:url('http://s1.uploads.im/juqvd.png'); } tr {    -moz-border-radius:5px;    -webkit-border-radius:5px;    border-radius:5px; } td, th {    background-color:transparent;    margin:0px;    text-align:center;    border:0px;    padding:3px; } td {    background:#ffffff; } .site {    text-align:left; } .pages {    font-size:1.2em; } .votes_th, .ranking_th, .accept_reject_th {    width:150px; } .votes {    font-size:30px; } .ranking {    font-size:45px; }


Toplisteme Beklerim! Very Happy Very Happy Very Happy Very Happy Very Happy Very Happy Very Happy Very Happy Very Happy Very Happy Very Happy Very Happy Very Happy Very Happy Very Happy Very Happy Very Happy
Mesaj01.02.2013, 10:40 (UTC)    
Mesaj konusu: Canlı Sohbet Teması

Tasarım tamamen bana aittir. Reklam18 tasarımları sizlerle olacak Smile

Önizleme;

http://www.reklam18-tasarim1.tr.gg/

T.üstü:

Kod:
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="202" align="left" valign="bottom" background="http://img.webme.com/pic/r/reklam18/temamm_01.png"><div class="menu">
      <ul>
        <li><a href="#">Anasayfa</a></li>
        <li><a href="#">İletişim</a></li>
        <li><a href="#">Canlı Sohbet</a></li>
        <li><a href="#">Temalar</a></li>
        <li><a href="#">Site bannerleri</a></li>
        <li><a href="#">Siteni ekle!</a></li>
        <li><a href="#">Sitenden Kazan$</a></li>
        </ul>
    </div></td>
  </tr>
  <tr>
    <td height="245" align="left" valign="top" background="http://img.webme.com/pic/r/reklam18/temamm_02.png"><table width="1024" height="242" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="39">&nbsp;</td>
        <td width="946" align="left" valign="top">


T.Altı:

Kod:
</td>
        <td width="39">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="178" background="http://img.webme.com/pic/r/reklam18/temamm_03.png"><div class="linkler">
      <ul>
        <li><a href="#">Link1 </a></li>
        <li><a href="#">Link2 </a></li>
        <li><a href="#">Link3 </a></li>
        <li><a href="#">Link4 </a></li>
        <li><a href="#">Link5 </a></li>
        <li><a href="#">Link6 </a></li>
        <li><a href="#">Link7 </a></li>
        <li><a href="#">Link8</a></li>
        <li><a href="#">Link9</a></li>
        <li><a href="#">Link10</a></li>
      </ul>
    </div></td>
  </tr>
</table>


Css Kısmı:

Kod:
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;}
<style type="text/css">
<!--
.menu ul {
   display: block;
   list-style-type: none;
}
.menu li {
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 15px;
   display: block;
   float: left;
   margin-bottom: 25px;
   margin-left: 20px;
   margin-right: 10px;
   height: 37px;
}
.menu a {
   color: #FFFFFF;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 16px;
   text-decoration: none;
}
.menu a:hover {
   color: #999999;
   font-size: 17px;
}
.linkler {
   margin-bottom: 35px;
   margin-left: 190px;
}
.linkler ul {
   list-style-type: none;
}
.linkler li {
   float: left;
   margin-bottom: 40px;
   margin-right: 10px;
   display: block;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 16px;
}
.linkler a {
   color: #FFFFFF;
   text-decoration: none;
}
.linkler a:hover {
   font-size: 17px;
   color: #999999;
}
.menu .reklamm {
}
-->
</style>


İyi kullanımlar dilerim Smile
Mesaj15.02.2013, 10:00 (UTC)    
Mesaj konusu:



Tasarım Üzerine
Kod:
<center><STYLE>#glowtext {             FILTER: glow(color=#c57d5a,strength=2); WIDTH: 100%}             A:link {text-decoration: none; color: #155508}             A:visited {text-decoration: none; color:#155508}             A:active {text-decoration: none; color: #000000}             A:hover {text-decoration: none; color:#000000}             </STYLE>             <div id="tasarim">             <div id="baslik"></div>             <div id="ust"></div>             <div id="orta">             <div class="solsutun"><ul id="navmenu"> <li><a href="http://sanalyavuz.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li></div>             <div class="sagsutun">             


Tasarım Altına
Kod:
</div>             </div>             <div id="alt"></div>             </div><br/></div>             </div>             <div id="alt"></div>             </div><br/></div>             </div>             <div id="alt"></div>             </div><br/><a href="http://csshost.tr.gg/"><strong>Css Tasarım By CssHost.Tr.GG</strong></a>


Css-Style Bölümüne
Kod:
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: 0 auto;             margin-right:0 auto;             background: url(http://img462.imageshack.us/img462/9500/christmas22dk1.gif) top center fixed;             }             #tasarim{             width: 1000px;             margin-left: 0 auto;             margin-right:0 auto;             }             #baslik{             margin-left: 0 auto;             margin-right:0 auto;             background: url(http://img.webme.com/pic/h/hackerfriend4/header.png);             width: 1000px;             height: 0px;             float: left;             text-align: center;             padding: 0px 0 0 0;             font-size: 20px;             color: #ff0000;             font-family: Verdana, arial;             }             #ust{             margin-left: 0 auto;             margin-bottom: 0 auto;             margin-right:0 auto;             background: url(http://img.webme.com/pic/f/flashmix/o1.png);             width: 1000px;             height: 191px;             float: left;             }             #orta{             margin-left: 0 auto;             margin-right:0 auto;             background: url(http://img.webme.com/pic/f/flashmix/o2.png);             width: 1000px;             height: 100%;             float: left;             }             .solsutun{             width:155px;             float: left;             padding: 0 0 0 36px;             overflow: hidden;             }             .sagsutun {             width:765px;             float: left;             padding: 0 0 0 35px;             overflow: hidden;             text-align: justify;             }             #alt{             margin-left: 0 auto;             margin-right:0 auto;             background: url(http://img.webme.com/pic/f/flashmix/o3.png);             width: 1000px;             height: 191px;             float: left;             }             <div id="alt">aaaaa</div>             body {             background: #;             color: #666;             }             h1 {             font-family:Verdana, Arial, Helvetica, sans-serif;             font-size:16px;             font-weight:bold;             margin:0;             padding:0;             }             hr {             border:none;             border-top:1px solid #CCCCCC;             height:1px;             margin-bottom:5px;             }             a {             color: #900;             text-decoration: none;             }             /* Root = Vertical, Secondary = Vertical */             ul#navmenu,             ul#navmenu li,             ul#navmenu ul {             margin: 0;             border: 0 none;             padding: 0;             width: 160px; /*For KHTML*/             list-style: none;             }             ul#navmenu:after /*From IE 7 lack of compliance*/{             clear: both;             display: block;             font: 2px/0px serif;             content: ".";             height: 0;             visibility: hidden;             }             ul#navmenu li {             float: left; /*For IE 7 lack of compliance*/             display: block !important; /*For GOOD browsers*/             display: inline; /*For IE*/             position: relative;             }             /* Root Menu */             ul#navmenu a {             border: 1px solid #CCC;             border-right-color: #CCC;             border-bottom-color: #CCC;             padding: 0 6px;             display: block;             background: #EEE;             color: #666;             font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif;             text-decoration: none;             height: auto !important;             height: 1%; /*For IE*/             }             /* Root Menu Hover Persistence */             ul#navmenu a:hover,             ul#navmenu li:hover a,             ul#navmenu li.iehover a {             background: #CCC;             color: #;             }             /* 2nd Menu */             ul#navmenu li:hover li a,             ul#navmenu li.iehover li a {             background: #EEE;             color: #666;             }             /* 2nd Menu Hover Persistence */             ul#navmenu li:hover li a:hover,             ul#navmenu li:hover li:hover a,             ul#navmenu li.iehover li a:hover,             ul#navmenu li.iehover li.iehover a {             background: #CCC;             color: #FFF;             }             /* 3rd Menu */             ul#navmenu li:hover li:hover li a,             ul#navmenu li.iehover li.iehover li a {             background: #EEE;             color: #666;             }             /* 3rd Menu Hover Persistence */             ul#navmenu li:hover li:hover li a:hover,             ul#navmenu li:hover li:hover li:hover a,             ul#navmenu li.iehover li.iehover li a:hover,             ul#navmenu li.iehover li.iehover li.iehover a {             background: #CCC;             color: #FFF;             }             /* 4th Menu */             ul#navmenu li:hover li:hover li:hover li a,             ul#navmenu li.iehover li.iehover li.iehover li a {             background: #EEE;             color: #666;             }             /* 4th Menu Hover */             ul#navmenu li:hover li:hover li:hover li a:hover,             ul#navmenu li.iehover li.iehover li.iehover li a:hover {             background: #CCC;             color: #FFF;             }             ul#navmenu ul,             ul#navmenu ul ul,             ul#navmenu ul ul ul {             display: none;             position: absolute;             top: 0;             left: 150px;             }             /* Do Not Move - Must Come Before display:block for Gecko */             ul#navmenu li:hover ul ul,             ul#navmenu li:hover ul ul ul,             ul#navmenu li.iehover ul ul,             ul#navmenu li.iehover ul ul ul {             display: none;             }             ul#navmenu li:hover ul,             ul#navmenu ul li:hover ul,             ul#navmenu ul ul li:hover ul,             ul#navmenu li.iehover ul,             ul#navmenu ul li.iehover ul,             ul#navmenu ul ul li.iehover ul {             display: block;             }             
Mesaj15.02.2013, 10:02 (UTC)    
Mesaj konusu:



Tasarım Üzeri
Kod:
<table cellspacing="0" cellpadding="0" width="950" border="0">             <tbody>             <tr>             <td valign="top" background="http://img.webme.com/pic/b/balca-uzman/neuust11.png" height="227">             <table cellspacing="0" cellpadding="0" width="100%" border="0">             <tbody>             <tr>             <td height="33">&nbsp;</td>             </tr>             <tr>             <td height="22">             <table cellspacing="0" cellpadding="0" width="100%" border="0">             <tbody>             <tr>             <td width="120">&nbsp;</td>             <td><span style="font-size: xx-large">Sayfa Başlığı</span></td>             </tr>             </tbody>             </table>             </td>             </tr>             <tr>             <td height="90">&nbsp;</td>             </tr>             <tr>             <td>             <table cellspacing="0" cellpadding="0" width="100%" border="0">             <tbody>             <tr>             <td width="30">&nbsp;</td>             <td width="610">Sol Sayfa İçerik Üstü</td>             <td>Sağ Menü Üstü</td>             </tr>             </tbody>             </table>             </td>             </tr>             </tbody>             </table>             </td>             </tr>             <tr>             <td valign="top" background="http://img.webme.com/pic/b/balca-uzman/neuorta1.png">             <table cellspacing="0" cellpadding="0" width="100%" border="0">             <tbody>             <tr>             <td width="30">&nbsp;</td>             <td width="590">


Tasarım Altına
Kod:
</td>             <td width="20">&nbsp;</td>             <td valign="top" width="280"><ul id="navmenu"> <li><a href="http://csshost.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li><li><a href="http://csshost.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li><li><a href="http://csshost.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li><li><a href="http://csshost.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li><li><a href="http://csshost.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li><li><a href="http://csshost.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li></ul></td>             <td>&nbsp;</td>             </tr>             </tbody>             </table>             </td>             </tr>             <tr>             <td background="http://img.webme.com/pic/b/balca-uzman/neualt1.png" height="48">&nbsp;</td>             </tr>             </tbody>             </table><center><br/><a href="http://csshost.tr.gg/"><strong>Css Tasarım By CssHost.Tr.GG</strong></a></center>


Css Style
Kod:
a {             color:#FFF;             }             body {             margin-left: 0 auto;             margin-right:0 auto;             background-color:#000; top center fixed;             }             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 }             a {             color:#ffffff;             text-decoration: none;             }             /* Root = Vertical, Secondary = Vertical */             ul#navmenu,             ul#navmenu li,             ul#navmenu ul {             margin: 0;             border: 0 none;             padding: 0;             width: 290px; /*For KHTML*/             list-style: none;             }             ul#navmenu:after /*From IE 7 lack of compliance*/{             clear: both;             display: block;             font: 2px/0px serif;             content: ".";             height: 0;             visibility: hidden;             }             ul#navmenu li {             float: left; /*For IE 7 lack of compliance*/             display: block !important; /*For GOOD browsers*/             display: inline; /*For IE*/             position: relative;             }             /* Root Menu */             ul#navmenu a {             border: 1px solid #CCC;             border-right-color: #CCC;             border-bottom-color: #CCC;             padding: 0 6px;             display: block;             background: #EEE;             color: #666;             font: bold 11px/22px Verdana, Arial, Helvetica, sans-serif;             text-decoration: none;             height: auto !important;             height: 1%; /*For IE*/             }             /* Root Menu Hover Persistence */             ul#navmenu a:hover,             ul#navmenu li:hover a,             ul#navmenu li.iehover a {             background: #CCC;             color: #;             }             /* 2nd Menu */             ul#navmenu li:hover li a,             ul#navmenu li.iehover li a {             background: #EEE;             color: #666;             }             /* 2nd Menu Hover Persistence */             ul#navmenu li:hover li a:hover,             ul#navmenu li:hover li:hover a,             ul#navmenu li.iehover li a:hover,             ul#navmenu li.iehover li.iehover a {             background: #CCC;             color: #FFF;             }             /* 3rd Menu */             ul#navmenu li:hover li:hover li a,             ul#navmenu li.iehover li.iehover li a {             background: #EEE;             color: #666;             }             /* 3rd Menu Hover Persistence */             ul#navmenu li:hover li:hover li a:hover,             ul#navmenu li:hover li:hover li:hover a,             ul#navmenu li.iehover li.iehover li a:hover,             ul#navmenu li.iehover li.iehover li.iehover a {             background: #CCC;             color: #FFF;             }             /* 4th Menu */             ul#navmenu li:hover li:hover li:hover li a,             ul#navmenu li.iehover li.iehover li.iehover li a {             background: #EEE;             color: #666;             }             /* 4th Menu Hover */             ul#navmenu li:hover li:hover li:hover li a:hover,             ul#navmenu li.iehover li.iehover li.iehover li a:hover {             background: #CCC;             color: #FFF;             }             ul#navmenu ul,             ul#navmenu ul ul,             ul#navmenu ul ul ul {             display: none;             position: absolute;             top: 0;             left: 150px;             }             /* Do Not Move - Must Come Before display:block for Gecko */             ul#navmenu li:hover ul ul,             ul#navmenu li:hover ul ul ul,             ul#navmenu li.iehover ul ul,             ul#navmenu li.iehover ul ul ul {             display: none;             }             ul#navmenu li:hover ul,             ul#navmenu ul li:hover ul,             ul#navmenu ul ul li:hover ul,             ul#navmenu li.iehover ul,             ul#navmenu ul li.iehover ul,             ul#navmenu ul ul li.iehover ul {             display: block;             }             
Mesaj16.02.2013, 14:43 (UTC)    
Mesaj konusu: Radyo Css Tasarımı / Bsforumstyle

Merhabalar çok sade güzel REKLAMSIZ süper tasarım...

Önizleme;

http://www.bsforumstyle-tema1.tr.gg/

Tasarım Üstü

Kod:
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="http://img.webme.com/pic/b/bsforumstyle/temamm_01.gif" width="900" height="166"></td>
  </tr>
  <tr>
    <td height="75" valign="top" background="http://img.webme.com/pic/b/bsforumstyle/temamm_02.png"><div id="benimmenüm">
      <ul>
        <li><a href="#">Anasayfa</a></li>
        <li><a href="#">İletişim</a></li>
        <li><a href="#">Radyo dinle</a></li>
        <li><a href="#">Radyo Hakkında</a></li>
        <li><a href="#">Sayfa adı</a></li>
        <li><a href="#">Sayfa adı</a></li>
        <li><a href="#">Sayfa adı</a></li>
        <li><a href="#">Sayfa adı</a></li>
      </ul>
    </div></td>
  </tr>
  <tr>
    <td height="268" valign="top" background="http://img.webme.com/pic/b/bsforumstyle/temamm_03.png"><table width="900" height="265" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="25">&nbsp;</td>
        <td width="849" valign="top">


Tasarım Altı:

Kod:
</td>
        <td width="26">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="140" valign="bottom" background="http://img.webme.com/pic/b/bsforumstyle/temamm_04.png"><div id="radyoalan">Buraya radyo ismini yada radyo ile ilgili bilgi verebilirsiniz.</div></td>
  </tr>
</table>


Css Kodu:

Kod:
:/*Menü Gizleme Kodu*/
 h2#title span {display: none;}
 div.header{display: none;}
 li.nav_element{list-style-type: none;}
  li.nav_element{display: none;}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
#radyoalan {
   width: 650px;
   height: 20px;
   margin-bottom: 18px;
   margin-left: 220px;
}
#benimmenüm ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}
#benimmenüm ul li {
   display: block;
   float: left;
   margin-top: 4px;
   margin-left: 15px;
   height: 20px;
   padding-bottom: 12px;
   padding-top: 13px;
}
#benimmenüm  ul  li  a:hover {
   color: #0000FF;
}
body,td,th {
   font-family: Courier New, Courier, monospace;
   font-size: 15px;
   font-weight: bold;
   color: #000000;
}
body {
   background-color: #999999;
}
a:link {
   color: #3366FF;
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color: #FF0000;
}
a:hover {
   text-decoration: none;
   color: #FFFFFF;
}
a:active {
   text-decoration: none;
   color: #66CC00;
}
-->
</style>


Daha iyi tasarımlar ekliyeceğim... Sitemize girip foruma kaydolun Smile
Mesaj18.02.2013, 20:40 (UTC)    
Mesaj konusu:

Kod:
TASARIM ÜZERİ


 
Kod:      
</table></div> <center><br /> <table style="width: 772px; height: 122px"> <tbody> <tr> <td background="http://img.webme.com/pic/o/osmantalay/bsreklambg13.png"><center> <iframe src="http://ads.webme.com/banner.php?pos=bw" frameborder="0" width="728" height="90" scrolling="no"></iframe> <center></center></td> <td> </td> </tr> </tbody> </table> </center>

</head>
<body>
<div class="sarmal">
<div class="beslik"></div>
<div class="tavan">
<div class="logo"><a href="http://metin22ki.tr.gg/"><img src="http://www.resimbul.com/sonuc/c/metin2/metin-2-portal/metin-2-portal-53edcf.jpg" alt="ST Full Css Tasarım" border="0"/></a></div>
<div class="reklam1"><a href="http://metin22ki.tr.gg/"><img border="0" alt="" src="" /></a></div>
<div class="beslik"></div>
<div class="ustmenu">
<div class="anasayfayagit"><a href="http://metin22ki.tr.gg/"><img src="http://b1207.hizliresim.com/z/7/9fszh.png" alt="ST Full Css Tasarım" border="0" style="margin-left:1px; margin-top:1px;" width="55px" height="40px"/></a></div>

<div class="tavanmenu"><div class="menu-header"><ul id="menu-ustmenu" class="menu">

<li id="menu-item-1065" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1065"><a href="http://metin22ki.tr.gg/Ana-Sayfa.htm">Ana Sayfa</a></li>
<li id="menu-item-1067" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1067"><a href="http://metin22ki.tr.gg/Metin2-Pvp-Serverler.htm">Pvp Serverler</a></li>
<li id="menu-item-1067" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1067"><a href="http://metin22ki.tr.gg/Metin2-Bug.htm">Metin2 Edit Bug</a></li>
<li id="menu-item-1067" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1067"><a href="http://metin22ki.tr.gg/Metin2-Yard%26%23305%3Bm.htm">Metin2 Yardım</a></li>
<li id="menu-item-1067" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1067"><a href="http://metin22ki.tr.gg/Forum/index.htm
">Forum</a></li>
<li id="menu-item-1067" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1067"><a href="http://metin22ki.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim</a></li>

</ul></div></div>
<div class="arama"><form method="get" id="searchform" action="http://www.metin22ki.tr.gg/">
<input class="nearayalim" type="text" value="Aradığın Bilgi" onblur="if(this.value=='') this.value='Aradığın Bilgi';" onfocus="if(this.value=='Aradığın Bilgi') this.value='';" name="s" id="s" />
<input class="aragitsin" type="submit" id="searchsubmit" value="Ara" />
</form></div>
<div class="temizle"></div><div class="nevarneyok">Hoşgeldin <strong>Misafir</strong>, Sitemizde <strong>59</strong> kategori altında toplam <strong>18</strong> Forum Bilgisi bulunmakta, misafirlerimiz bu Bilgilere toplam <strong>10817</strong> yorum yaptılar.</div></div>
</div>
<div class="onluk"></div>
<div class="ortala"><div class="solblok">
<div class="solkategoribas"></div>
<div class="sidebaric">
<ul>
<li class="cat-item cat-item-3"><a href="http://metin22ki.tr.gg/Kolay-Pvp-Serverler.htm" title="Salih Toy">Kolay Pvp Serverler</a>
</li>
<li class="cat-item cat-item-4"><a href="http://metin22ki.tr.gg/Normal-Pvp-Serverler.htm" title="Salih Toy">Normal Pvp Serverler</a>
</li>
<li class="cat-item cat-item-5"><a href="http://metin22ki.tr.gg/Zor-Pvp-Serverler.htm" title="Salih Toy">Zor Pvp Serverler</a>
</li>
<li class="cat-item cat-item-7"><a href="http://metin22ki.tr.gg/Metin2-S%26%23305%3Bn%26%23305%3Bf-Bilgisi.htm" title="Salih Toy">Sınıf Bilgisi</a>
</li>
<li class="cat-item cat-item-8"><a href="http://metin22ki.tr.gg/Metin2-Efsun-Dizimi.htm" title="Salih Toy">Efsun Dizimi</a>
</li>
</li>
</ul>
</div>
<div class="sidebaralt"></div>
<div class="onluk"></div>
<div class="sosyalmedya"></div>
<div class="sidebaric">
<div class="menu-header"><ul id="menu-sosyal" class="menu">
<li id="menu-item-1068" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1068"><a href="http://www.facebook.com/pages/Metin2-%C3%96%C4%9Fren/574362205926853?ref=hl">Facebook</a></li>
<li id="menu-item-1069" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1069"><a href="http://paylasimblogum.tr.gg/">Twiiter</a></li>
<li id="menu-item-1070" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1070"><a href="http://paylasimblogum.tr.gg/">Google +</a></li>
</ul></div></div>
<div class="sidebaralt"></div>
<div class="onluk"></div>
<div class="dostsiteler"></div>
<div class="sidebaric">
</ul>
</div>
<div class="sidebaralt"></div>
</div><div class="sagblok">
   



TASARIM ALTI

 
Kod:      
<link rel="stylesheet" type="text/css" href="http://extremehell.comli.com/ustatextarea.css" />

<style>
/*Kaynak:http://www.salihtoy.tr.gg*/
#content td[width="25%"] i{padding:10px;color:red;font-weight:bold}
#content td[width="25%"] i:before{content:"Admin'den "}
/*Kaynak:http://www.salihtoy.tr.gg*/
</style>

<link rel="stylesheet" type="text/css" href="http://img54.xooimage.com/files/9/1/d/sm2-2718212.css" />

<div class="indexalt"></div>
<div class="onluk"></div>
<div class="bilgikutusubas"></div>
<div class="bilgikutusu"><p>Merhaba sevgili oyuncu,<br />
Sitemiz farklı kategorilerde bir biriden geliştirici ve öğretici bilgileri bir arada bulabileceğiniz, güncel ve kaliteli bir bilgi sitesidir. Sitemiz Metin2 Pvp Serverler, Metin2 Yardım, Metin2 Edit Bug gibi kategoriler şeklinde kategori edilmiş ve sizlerin kolay ulaşabilmesi için tasarlanmıştır.
</p>
<p>Bütün bu bilgiler ücretsiz olarak sizlerin daha keyifli vakit geçirmesi için sitemizde toplanmıştır. Bilgileri Okurken veya Uygularken herhangi bir ücret talep edilmez. Tamamen ücretsiz olan en Bilgilendirici konuları  bulabilmenizi, sıkılmadan saatlerce bilgisayar başında zaman geçirmenize yardımcı olmayı amaçlıyoruz.</p></div><div class="indexalt"></div></div>
</div>

<div class="taban">
<div class="populerkategilermenusu">

<div style="float:left; width:75px; text-align:left; margin-top:15px; margin-right:15px;"><a href="http://metin22ki.tr.gg/Forum/index.htm" title="Forum" target="_blank">Forum</a></div><div class="menu-header"><ul id="menu-populer" class="menu">

<li id="menu-item-1075" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1075"><a href="http://metin22ki.tr.gg/Metin2-Pvp-Serverler.htm">Pvp Serverler</a></li>

<li id="menu-item-1073" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1073"><a href="http://metin22ki.tr.gg/Metin2-Bug.htm">Metin2 Bug</a></li>


</ul></div></div>
<div class="tabanbilgi">
<div class="bitir"><div style="text-align: left"><a href="http://paylasimblogum.tr.gg/"><img border="0" alt="" src="http://d1204.hizliresim.com/w/q/4rnqh.gif" /></a> <strong>İyi Oyunlar Dilerim! © 2013 Webmaster ; <a href="http://www.salihtoy.tr.gg">Melih Oğuz</a> </strong></div>

</div>
</div>
<div class="onluk"></div>
</div>
</body>
</html>   



CSS KODU

 
Kod:      
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;}

/*
Versiyon: 1.0
İSim: Oyun Tema
Tema URL: http://www.metin22ki.tr.gg/

*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, form { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; } textarea:focus, input:focus { outline: none; }
body { margin:0 auto; text-align:center; background-image:url(http://b1207.hizliresim.com/z/7/9ftbc.png); background-position:center top; background-repeat:repeat-y; background-color:#7E37D5; }
.sarmal { width:980px; margin:0 auto; text-align:left; font-size: 13px; font-family: Tahoma;}
.beslik { clear:both; height:5px; }
.onluk { clear:both; height:10px; }
.temizle { clear:both; height:1px; }
.tavan { width:980px; float:left;}
.logo { width:250px; float:left; margin-top:12px; }
.reklam1 { width:728px; float:left; text-align:center; margin-left:2px; line-height:90px; height:90px; }
.ustmenu { width:980px; float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftbj.png); height:91px; }
.anasayfayagit { width:56px; float:left; }
.tavanmenu { width:720px; float:left; margin-top:2px; }
.tavanmenu ul { list-style:none; margin:0px; padding:0px; margin-left:13px; }
.tavanmenu ul li{ float:left; line-height:39px; height:39px; background-image:url(http://b1207.hizliresim.com/z/7/9ftbn.png); background-repeat:no-repeat; background-position:right center; padding-right:14px; margin-right:5px; }
.tavanmenu ul li a{ margin-right:13px; text-decoration:none; font-size:16px; color:#272727;}
.tavanmenu ul li a:hover{ color:#5F2579; }
.tavanmenu ul li:last-child { background:none; }
.arama { width:195px; float:left; margin-right:5px; margin-left:4px; }
.nearayalim { width:125px; padding-left:25px; float:left; border:0px; height:34px; line-height:34px; margin-top:3px; background:none; font-size:10px; font-family:tahoma; color:#999999; }
.aragitsin { border:none; width:32px; height:20px; float:left; text-align:center; margin-left:6px; margin-top:11px; background:none; cursor:pointer; text-indent: -9000px; text-transform: capitalize; }
.nevarneyok { width:770px; float:left; margin-right:20px; margin-left:190px; line-height:34px; height:34px; overflow:hidden; font-family:tahoma; font-size:11px; color:#6b6b6b; }
.nevarneyok strong {color:#5D2577; }
.solblok { width:180px; float:left; }
.solkategoribas { width:180px; float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftbt.png); height:43px; }
.sidebaric { width:180px; float:left; background-color:#F9F2F8; }
.sidebaric ul { list-style:none; margin:0px; padding:0px; }
.sidebaric ul li{ width:150px; padding-left:30px; float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftbw.png); background-repeat:no-repeat; height:30px; line-height:30px; background-position:bottom center; overflow:hidden; }
.sidebaric ul li a{ text-decoration:none; color:#7d4198;}
.sidebaric ul li a:hover{ text-decoration:underline; }
.sidebaralt { width:180px; float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftbz.png); height:19px; }
.dostsiteler { width:180px; float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftc3.png); height:43px; }
.sosyalmedya { width:180px; float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftc7.png); height:43px; }
.sagblok { width:780px; float:left; margin-left:20px; }
.yenioyunlarbas { width:780px; float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftcd.png); height:43px;}
.indexic { width:775px; padding-left:5px; padding-top:5px; float:left;background-color:#F9F2F8; }
.indexic ul { list-style:none; margin:0px; padding:0px; }
.indexic ul li{ float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftcl.png); width:134px; height:144px; margin:0px 10px 15px 10px; text-align:center;}
.indexic ul li:hover { background-image:url(http://b1207.hizliresim.com/z/7/9ftcp.png); cursor:pointer; }
.indexic ul li img { margin-top:1px; width:132px; height:92px; margin-bottom:8px; }
.indexic ul li a{ color:#f1f1f1; font-family:tahoma; font-size:11px; text-decoration:none; font-weight:bold;}
.indexic ul li a:hover{ }
.oyunadinedir { width:132px; float:left; margin-left:1px; height:30px; line-height:15px; overflow:hidden; }
.bilgikutusubas { width:780px; float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftcv.png); height:43px;}
.bilgikutusu { width:775px; padding-left:5px; padding-top:5px; float:left;background-color:#F9F2F8; }
.bilgikutusu p { margin-bottom:10px; line-height:18px; color:#676767;}
.bilgikutusu h5 { font-size:18px; font-weight:bold; font-family:"Trebuchet MS"; color:#676767; margin:0px; padding:0px;}
.bilgikutusu a { text-decoration:none; color:#272727; font-weight:bold; }
.bilgikutusu a:hover { text-decoration:underline; color:#7E37D5; }
.indexalt { width:780px; float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftcz.png); height:21px; }
.cokoynabas { width:780px; float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftd5.png); height:43px;}
.nerdesiniz { width:620px; float:left; color:#F9F2F8; font-size:12px; font-weight:bold; background-image:url(http://b1207.hizliresim.com/z/7/9ftd9.png); height:43px; line-height:43px; padding-left:160px; overflow:hidden;}
.nerdesiniz a { text-decoration:none; color:#F9F2F8; float:left; }
.nerdesiniz a:hover { text-decoration:none; color:#232323; }
.nerdesiniz h1 { margin:0px; padding:0px; font-size:12px; float:left; }
.nerdesiniz span { float:left; margin:0px 6px; }
.kategorireklam { width:300px; margin-right:0px; margin-left:10px; float:left; text-align:center; }
.kategorireklam span { font-weight:bold; color:#232323; width:300px; float:left; margin-top:5px;}
.sayfada { margin:10px; }
.sayfada p { margin-bottom:10px; line-height:18px; }
.sayfada a { text-decoration:none; font-weight:bold; color:#4E5AD1}
.oyunsolblok { width:420px; float:left; margin-right:13px; }
.oyunaciklamasi { width:420px; float:left; }
.oyunaciklamasi img { float:left; margin-right:5px; border:1px solid #272727; }
.oyunaciklamasi p { margin:0px; padding:0px; font-size:12px; line-height:18px; text-align:justify; font-family:Arial, Helvetica, sans-serif; }
.birreklam { width:410px; float:left; padding:5px; background-color:#E4E4E4; }
.birreklam span { width:410px; float:left; margin-bottom:3px; padding:2px 0px; text-align:center; border-bottom:1px solid #272727; background-color:#D4D4D4; color:#212121; }
.ikireklam { width:420px; text-align:center; float:left; }
.oyunetiketleri { width:420px; float:left; line-height:18px; color:#7C7C7C;}
.oyunetiketleri a { text-decoration:none; color:#7C7C7C; }
.oyunetiketleri a:hover { text-decoration:underline; }
.oyunsagblok { width:338px; float:left; margin-right:4px; }
.oyunabasla { width:338px; float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftdj.png); height:100px; }
.baslarken { margin-top:10px; margin-left:12px; margin-right:10px; float:left; width:110px; }
.start { font-size:20px; margin-top:40px; }
.start a { color:#ffffff; }
.start a:hover { color:#0F6; }
.paylas { width:320px; background-color:#E5E5E5; float:left; padding:7px; border:1px solid #939393;}
.fpaylas { float:left; width:80px; }
.fbegen {float:left; width:100px;}
.tyolla {float:left; width:92px; }
.plusarti {float:left; width:40px; }
.benzeroyunlar { width:338px; padding-left:0px; float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftds.png); background-repeat:no-repeat; padding-top:43px; height:388px; }
.benzeroyunlar ul { list-style:none; margin:0px; padding:0px; }
.benzeroyunlar ul li{ float:left; background-image:url(http://b1207.hizliresim.com/z/7/9ftdy.png); width:100px; height:100px; margin:0px 6px 15px 6px; text-align:center; overflow:hidden;}
.benzeroyunlar ul li:hover { background-image:url(http://b1207.hizliresim.com/z/7/9ftf2.png); cursor:pointer; color:#FFFFFF; }
.benzeroyunlar ul li img { width:98px; height:63px; margin:1px 1px 6px 1px; float:left; clear:both; }
.benzeroyunlar ul li a{ color:#232323; font-family:tahoma; font-size:11px; text-decoration:none; font-weight:bold;}
.taban { width:980px; float:left; height:112px; background-image:url(http://b1207.hizliresim.com/z/7/9ftf5.png); }
.populerkategilermenusu { width:770px; padding-left:210px; height:40px; overflow:hidden; }
.populerkategilermenusu ul { list-style:none; margin:0px; padding:0px; width:680px; float:left; overflow:hidden;}
.populerkategilermenusu ul li{ float:left; font-size:11px; font-family:tahoma; margin-right:15px; margin-top:15px; }
.populerkategilermenusu ul li a{ text-decoration:none; color:#7d4198;text-shadow: 1px 1px 1px #FFFFFF; }
.populerkategilermenusu ul li a:hover{ color:#2F2F2F;text-shadow: 1px 1px 1px #FFFFFF; }
.tabanbilgi { width:820px; padding-left:150px ;background-image:url(http://b1207.hizliresim.com/z/7/9ftfh.png); background-repeat:no-repeat; margin:6px 5px; height:60px; overflow:hidden; }
.populerkategilermenusu a{ text-decoration:none; color:#7d4198;text-shadow: 1px 1px 1px #FFFFFF;font-size:11px; font-family:tahoma; margin-top:15px; }
.bitir { width:820px; float:left; font-size:11px; color:#252525; line-height:20px; height:60px; overflow:hidden; }
.bitir a { text-decoration:none; color:#252525; }
.navigation {margin: 10px 0px 20px 0px; float:left; width: 780px; }
.pagenavi { float:left; width: 780px; }
.pagenavi a { background-image:url(http://b1207.hizliresim.com/z/7/9ftfs.png); height:32px; line-height:32px; width:32px; text-align:center; float:left; text-decoration: none; color: #ffffff; margin-right:5px;}
.pagenavi a:hover { color: #444;background-image:url(http://b1207.hizliresim.com/z/7/9ftfx.png);}
.pagenavi span.pages {color: #825a2d;height:32px; line-height:32px; width:32px; text-align:center; float:left;font-weight:bold;background-color: inherit;}
.pagenavi span.current { background-image:url(http://b1207.hizliresim.com/z/7/9ftg3.png); height:32px; line-height:32px; width:32px; text-align:center; float:left; text-decoration: none;color: #ffffff; margin-right:5px;}
.pagenavi span.expand {background-image:url(http://b1207.hizliresim.com/z/7/9ftgb.png); height:32px; line-height:32px; width:32px; text-align:center; float:left;text-decoration: none; color: #ffffff; margin-right:5px;}
.onsayfayorumlar {width:97%; float:left; margin-top:15px; background-image:url(http://b1207.hizliresim.com/z/7/9ftgj.png); padding-top:43px; background-repeat:no-repeat; }
.yorumnedir { width:97%; padding:4px; border:1px solid #F7941D; color:#6b6b6b;background-color:#F8BB49; float:left; margin-bottom:10px; }
.yorumnedir strong {color:#5D2577; }
.yorumnedir p { margin:0px; padding:0px; line-height:16px; margin-top:3px; color:#6b6b6b; font-size:11px;}
.yorumsayfala { width:97%; float:left;}
.eskiler { width:50%; float:left; text-align:left; } .yeniler { width:50%; float:right; text-align:right; }
.yorumsayfala a { text-decoration:none; font-size:11px; font-weight:bold; color:#303030; }
.yorumsayfala a:hover { text-decoration:underline; }
#respond input { width: 50%; margin: 7px 3px 0px 0px; padding: 4px; font-size: 1.1em; border: 1px solid #ddd; }
#respond .author, #commentform .email, #commentform .url { padding: 5px; background: #fff; color: #000;}
#respond textarea { width:97%; height: 100px;margin:7px 0px 0px 0px; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height: 16px; border: 1px solid #ddd; }
#respond .submit { background: #900A50; width: auto; color: #fff; padding: 5px 10px; text-align: center; font-size: 13px; font-family:tahoma; font-weight: bold; cursor: pointer; margin-bottom:10px; }
.oyuncak { width:770px; float:left; text-align:center; background-color:#4A4A4A; }
.reklamuzun { width:770px; float:left; text-align:center; height:90px; line-height:90px; }
.bilgisar { width:770px; float:left; margin-bottom:10px; text-align:justify;}
.bilgisar p { margin:0px; padding:0px; line-height:18px; }
.bunedir { display:block; border-bottom: 3px double #8F0A50; color:#8F0A50; font-size:16px; margin:10px 0px 3px 0px; padding-bottom:3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; }
.toplamyorum { width:370px; float:left; margin-right:10px; }

#osmantalay {display:none;}
//--></style> <div id="osmantalay"><style type="text/css">
< !--table {margin-left: auto;margin-right: auto}

i {

padding : 5px;
text-align : left;
display : block;
overflow : auto;
font : 500 1em/1.5em 'Verdana';
border : 1px solid #cccccc;
-moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
}

::-moz-selection {
background:#c00;
color:#fff;
}
::selection {
background:#c00;
color:#fff;

}

input,textarea{ border: 1px solid #00BFFF; background: #eeeeee; padding: 3px;} input:focus,textarea:focus{border: 1px solid #bbbbbb;} input[type="submit"]{ background: url(http://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; }    



______________
Bilgi Paylaştıkça Çoğalır.Bilgi Verin Bilginizi Yükeltin.
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu