07-02-2013, 10:21
Tasarım Önizlemesi
Demo : http://grafikdizayn.tr.gg/Klasik-Tema-Onizlemesi.htm
Kodlar
Tasarımın Üzerindeki Yazı
Tasarımın Altındaki Yazı
CSS Kodları
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 
Demo : http://grafikdizayn.tr.gg/Klasik-Tema-Onizlemesi.htm
Kodlar
Tasarımın Üzerindeki Yazı
Kod:
<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"> </td>
<td width="842" align="left" valign="top">
<div id="content">Tasarımın Altındaki Yazı
Kod:
</td>
<td width="31"> </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"> </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:
#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
