GrafikDizayn | Klasik Tema v1

[GrafikDizayn]

Tasarım Önizlemesi



Demo : http://grafikdizayn.tr.gg/Klasik-Tema-Onizlemesi.htm

Kodlar
Tasarımın Üzerindeki Yazı

Kod: Tümünü Seç Tümünü Kopyala

<table width="899" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="110" align="left" valign="top" background="http://img.webme.com/pic/g/grafikdizayn/klasik_01.png">
    <div id="sitebasligi"><a href="http://www.grafikdizayn.tr.gg">GrafikDizayn</a><b> | Türkiye'nin En Yeni Eğitim Sitesi</b></div>
    
<div id="ustmenu_icerik">
  <ul>
    <li><a href="#link">Ana Sayfa</a></li>
    <li><a href="#link">Yorum Bırak</a></li>
    <li><a href="#link">İletişim</a></li>
    <li><a href="#link">Hakkımızda</a></li>
    <li><a href="#link">Diğer Menü 1</a></li>
    <li><a href="#link">Diğer Menü 2</a></li>
    <li><a href="#link">Diğer Menü 3</a></li>
  </ul>
</div>

<div id="sayfaninadi">[subpage]</div>
    </td>
  </tr>
  <tr>
    <td height="19" align="left" valign="top" background="http://img.webme.com/pic/g/grafikdizayn/klasik_02.png"><table width="899" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="26" height="19">&nbsp;</td>
        <td width="842" align="left" valign="top">

<div id="content">

Tasarımın Altındaki Yazı

Kod: Tümünü Seç Tümünü Kopyala

</td>
        <td width="31">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="45" align="left" valign="top" background="http://img.webme.com/pic/g/grafikdizayn/klasik_03.png"><table width="899" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="9" height="38">&nbsp;</td>
        <td width="800" align="left" valign="bottom">
        <div id="footeryazisi">Bu tema <strong><a href="http://www.grafikdizayn.tr.gg/">www.grafikdizayn.tr.gg</a></strong> adlı web site tarafından ücretsiz olarak yayınlanmıştır.</div></td>
        <td width="90" align="left" valign="bottom"><a href="#"><img src="http://img.webme.com/pic/g/grafikdizayn/klasik_yukaricik.png"></a></td>
        </tr>
    </table></td>
  </tr>
</table>

CSS Kodları

Kod: Tümünü Seç Tümünü Kopyala

#sitebasligi {padding: 12px 15px 0px 15px; font-family: Calibri;}
#sitebasligi a{font-size: 20px; color: #333333; text-decoration: none; font-weight: bold;}
#sitebasligi a:hover{font-size: 20px; color: #8f8f8f; text-decoration: none; font-weight: bold; padding-left: 5px;}
#sitebasligi b{font-size: 18px; color: #cecece;}
#sayfaninadi {font-size: 16px; color: #ff4343; font-weight: bold; padding: 12px 15px 0px 25px; font-family: Calibri;}
#footeryazisi {font-size: 13px; color: #6a6a6a; font-family: Calibri;}
#footeryazisi a{font-size: 13px; color: #595959; font-family: Calibri; text-decoration: none;}

#ustmenu_icerik {
    height: 27px;
    width: auto;
}
#ustmenu_icerik ul {
    list-style-type: none;
    padding: 1px 10px 0px 8px;
}
#ustmenu_icerik li {
    float: left;
}
#ustmenu_icerik a {
    display: block;
    height: 22px;
    width: 100px;
    text-align: center;
    font-family: Calibri;
    text-decoration: none;
    color: #5c5c5c;
    font-size: 14px;
    padding-top: 5px;
}
#ustmenu_icerik a:hover {
    background-color: #fff;
    color: #2e2e2e;
    font-weight: bold;
}

body,td,th {
    font-family: Calibri, Arial;
    font-size: 12px;
    color: #000;
}
body {
    background: url() #d6d6d6;
}
a {
    font-family: Calibri, Arial;
    font-size: 12px;
    color: #000;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000;
}
a:hover {
    text-decoration: none;
    color: #000;
}
a:active {
    text-decoration: none;
    color: #000;
}

Bu tema tamamen bana ait olmakla birlikte yalnızca burada paylaşılmıştır. Lütfen paylaşacağınız zaman buranın linkini atmayı unutmayın Eğer beğendiyseniz +rep'te verebilirsiniz

[admin]

gerçekten klasik ama çokta başarılı

[GrafikDizayn]

Basit, sade ama güzel olmasını istemiştim

[Just4Love_]

genede başarılır

[GrafikDizayn]

genede başarılır

Teşekkür ederim

[GrafikDizayn]

Güncel..

[Just4Love_]

aynen güncell

[aktifim]

beğendim mert başarılar

[JocqeR`]

Güzel