Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj22.04.2012, 16:30 (UTC)    
Mesaj konusu: Kendi Sitemin Tasarımı

Arkadaşlar artık BS çökmüş durumda ve bende BS yi bırakıyorum kend sitemin tasarımını sızler ile paylaşayım dedim Buyrun kodlar...

Tasarımın Üstü
Kod:
<table width="0" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="1026" height="220" background="http://img.webme.com/pic/t/turk-ish/tasarim_v1_ust.png"><table width="1024" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="1024" height="174"> </td>
        </tr>
      <tr>
        <td height="36"><style type="text/css">

div.bottombar{ /* bar that runs across the bottom of the menu */
   height: 10px;
}

ul.semiopaquemenu{ /* main menu UL */
   font: bold 14px Georgia;
   width: 100%;
   padding: 11px 0 8px 0; /* padding of the 4 sides of the menu */
   margin: 0;
   text-align: left; /* set value to "left", "center", or "right" to align menu accordingly */
}

ul.semiopaquemenu li{
display: inline;
}

ul.semiopaquemenu li a{
color:black;
padding: 6px 8px 6px 8px; /* padding of the 4 sides of each menu link */
margin-right: 11px; /* spacing between each menu link */
text-decoration: none;
}

ul.semiopaquemenu li a:hover, ul.semiopaquemenu li a.selected{
color: black;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4xNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* IE9+ SVG equivalent  of linear gradients */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.82) 0%, rgba(255,255,255,0.16) 100%); /* fade from white (0.82 opacty) to 0.16 opacity */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.82)), color-stop(100%,rgba(255,255,255,0.16)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
background: linear-gradient(top,  rgba(255,255,255,0.82) 0%,rgba(255,255,255,0.16) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ffffff', endColorstr='#29ffffff',GradientType=0 );
-moz-box-shadow: 0 0 5px #595959; /* CSS3 box shadows */
-webkit-box-shadow: 0 0 5px #595959;
box-shadow: 0 0 5px #595959;
padding-top: 8px; /* large padding to get menu item to protrude upwards */
padding-bottom: 12px; /* large padding to get menu item to protrude downwards */
}

</style>
<ul class="semiopaquemenu">
<li><a href="/Ana-Sayfa.htm">Ana sayfa</a></li>
<li><a href="/Forum/index.htm">Forum</a></li>
<li><a href="/iletisim.htm">Iletişim</a></li>
<li><a href="/hakkimizda.htm">Hakkımızda</a></li>
<li><a href="/ziyaret.htm">Ziyaretçi Defteri</a></li>
<li><a href="http://turk-ish.tr.gg/Top-liste.htm">Top-Liste</a></li>
<li><a href="/css.htm">Css Tasarımlar</a></li>
<li><a href="/wp-ts.htm">Wp Tasarımlar        </td>
      </tr>
    </table>
  </tr>
  <tr>
    <td width="1026" height="154" background="http://img.webme.com/pic/t/turk-ish/tasarim_v1_orta.png"><table width="1022" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="29" height="179"> </td>
        <td width="677" valign="top">


Tasarımın Altı

Kod:
</td>
        <td width="58"> </td>
        <td width="270" valign="top"><style type="text/css">
   /*URL: http://www.bs-aktif.tr.gg */
 
.anarsicocukmenu{
width: 250px;
font: bold 12px Tahoma;
color: #2886B9;
}
 
.anarsicocukmenu .headerbar{
font: bold 14px Tahoma;
color: #ECFBCA;
background: url(http://img.webme.com/pic/t/turk-ish/mavbas.png) repeat-x center left;
margin-bottom: 5px;
padding: 4px 0 4px 10px;
text-shadow: 0.1em 0.1em 1em black;
-moz-border-radius: 10px 10px 0 0;
}
 
.anarsicocukmenu ul{
font: 14px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px;
}
 
.anarsicocukmenu ul li{
padding-bottom: 2px;
}
 
.anarsicocukmenu ul li a{
color: #2886B9;
background: url(http://img.webme.com/pic/a/anarsicocuk/misc-forward-icon.png) no-repeat center left;
display: block;
padding: 2px 0;
padding-left: 19px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px dashed #dadada;
font-size: 90%;
}
 
.anarsicocukmenu ul li a:visited{
color: #A70303;
}
 
.anarsicocukmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #ECFBCA;
}
</style><div class="anarsicocukmenu">
<h3 class="headerbar">ANA MENU</h3> <ul>
<li><a href="/Ana-Sayfa.htm">Ana sayfa</a></li>
<li><a href="/Forum/index.htm">Forum</a></li>
<li><a href="/iletisim.htm">İletişim</a></li>
<li><a href="/hakkimizda.htm">Hakkımızda</a></li>
<li><a href="/ziyaret.htm">Ziyaretçi Defteri</a></li>
</ul>
 
<h3 class="headerbar">EGLENCE</h3>
<ul>
    <li><a href="/Videolar.htm">Videolar</a></li>
    <li><a href="/fikra.htm">Fıkralar</a></li>
    <li><a href="/Bilmeceler.htm">Bilmeceler</a></li>
    <li><a href="/Film.htm">Filmler</a></li>
    <li><a href="/Resim.htm">Resimler</a></li>
    <li><a href="/ilgincbilgiler.htm">İlginç Bilgiler</a></li>
    <li><a href="/populer.htm">Popüler Yazılar</a></li>

 
<h3 class="headerbar">OYUNLAR</h3>
<ul>
            <li><a href="/maceraoyunlari.htm">MaceraOyunları</a></li>
            <li><a href="#">Aksiyon Oyunları</a></li>
            <li><a href="/spor.htm">Spor Oyunları</a></li>
            <li><a href="/Zeka.htm">Zeka Oyunları</a></li>
            <li><a href="/beceri.htm">Beceri Oyunları</a></li>
            <li><a href="/3d.htm">3D Oyunlar</a></li>
            <li><a href="/cocuk.htm">Çocuk Oyunları</a></li>
            <li><a href="/savas.htm">Savaş Oyunları</a></li>
            <li><a href="/2kisi.htm">İki Kişilik Oyunlar</a></li>
            <li><a href="/muzik.htm">Müzik Oyunları</a></li>
   
 
<h3 class="headerbar">CSS-HTML Kodlar</h3>
<ul>
      <li><a href="/Css.htm">Css Tasarımlar</a></li>
      <li><a href="/ice.htm">İceblue Tasarımlar</a></li>
      <li><a href="/Red.htm">Red Tasarımlar</a></li>
      <li><a href="/wp-ts.htm">Bs Wordpress Tasarımlar</a></li>
      <li><a href="/html.htm">HTML Kodlar</a></li>
      <li><a href="/ogretici.htm">Genel-Öğretici Bilgi Kod</a></li>
</div>  </td>
        <td width="11"> </td>
      </tr>
    </table>
  </tr>
  <tr>
    <td width="1029" height="98" background="http://img.webme.com/pic/t/turk-ish/tasarim_v1_alt.png">
  </tr>
</table>


CSS Bölümü

Kod:
h1#title{displary: none;}
 h2#title span {display: none;}
 div.header{display: none;}
 li.nav_element{list-style-type: none;}
 li.nav_element{display: none;}
body,td,th {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #333;
   font-weight: none;
}
body {
   background-image: url(http://www.backgroundlabs.com/backgrounds/358.gif);
}
table {margin-left: auto;margin-right: auto}
input { padding: 1px; margin-right: 1px; background-image: url( bos ); color: #000000; border: solid 2px #000000; font-family: century gothic; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; padding: 5px 10px; }   textarea { padding: 1px; margin-right: 1px; background-image: url(http://img.webme.com/pic/t/turk-ish/yrmktu.png); color: #000000; border: solid 2px #000000; font-family: century gothic; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; padding: 5px 9px; }
body a {
   color: #000;
   text-decoration: none;
}


---------------------------------------------------TASARIM BİTTİ--------------------------------------

Smileyler İçin

İçerik Bölümünün Altındaki Bilgi Bölümüne
Kod:
<link rel="stylesheet" type="text/css" href="http://img71.xooimage.com/files/0/1/3/292ae54.css" />
Önceki mesajları göster:   


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