21-02-2012, 07:37
(Son Düzenleme: 25-02-2012, 02:05, Düzenleyen: GrafikDizayn.)
Tasarım Önizlemesi
Demo : http://siir-evimiz.tr.gg/GrafikDestek-Gr...Tema-1.htm
Kodlar
Tasarımın Üstü
Tasarımın Altı
Css Kodları
+Rep'lerinizi bekliyorum
Demo : http://siir-evimiz.tr.gg/GrafikDestek-Gr...Tema-1.htm
Kodlar
Tasarımın Üstü
Kod:
<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th align="left" valign="top" scope="col"><a target="_blank" href="http://grafikdestek.10tl.net/"><img vspace="0" hspace="0" border="0" alt="" src="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_41.png" /></a></th>
</tr>
<tr>
<th height="107" align="left" valign="top" scope="col"><table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="9" height="155" scope="col"> </th>
<th width="595" align="left" valign="top" scope="col"><br>
<table width="606" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th height="21" background="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_38.png" scope="col"> </th>
</tr>
<tr>
<th height="19" align="left" valign="top" background="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_39.png" scope="col"><table width="606" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="15" scope="col"> </th>
<th width="577" align="left" valign="top" scope="col"><div id="content">
Tasarımın Altı
Kod:
</th>
<th width="14" scope="col"> </th>
</tr>
</table></th>
</tr>
<tr>
<th height="21" background="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_40.png" scope="col"> </th>
</tr>
</table>
</th>
<th width="15" scope="col"> </th>
<th width="268" align="center" valign="top" scope="col"><br/><table width="268" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th height="47" align="left" valign="top" background="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_43.png" scope="col"><table width="268" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="10" height="38" scope="col"> </th>
<th width="254" align="left" valign="bottom" scope="col"><span style="font-size: 16px; "><span style="color: rgb(255, 255, 255); "><span style="font-family: 'Century Gothic'; ">Kategoriler</span></span></span></th>
<th width="10" scope="col"> </th>
</tr>
</table></th>
</tr>
<tr>
<th height="19" align="left" valign="top" background="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_44.png" scope="col"><table width="268" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="10" scope="col"> </th>
<th width="254" align="left" valign="top" scope="col">
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 20px;
width: 245px;
color: #000;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
text-align:center;
padding: 1px;
background-image: url();
background-repeat: no-repeat;
}
#linkhover ul li a:hover {
background-color: #;
padding-left: 5px;
color: #000;
background-image: url(http://img.webme.com/pic/s/siir-evimiz/grafikdestek_42.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
<li><a href="#">Genel</a></li>
<li><a href="#">Kişisel</a></li>
<li><a href="#">Günlük</a></li>
<li><a href="#">GrafikDizayn</a></li>
<li><a href="#">GrafikDestek</a></li>
<li><a href="#">Bedava-Sitem</a></li>
<li><a href="#">TR.GG Kodları</a></li>
<li><a href="#">Css Tasarımlar</a></li>
<li><a href="#">Biz Kimiz?</a></li>
<li><a href="#">Yorum Bırak</a></li>
</ul>
</div>
</ul>
</div>
</th>
<th width="10" scope="col"> </th>
</tr>
</table></th>
</tr>
<tr>
<th height="21" background="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_45.png" scope="col"> </th>
</tr>
</table><br/>
<table width="268" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th height="47" align="left" valign="top" background="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_43.png" scope="col"><table width="268" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="10" height="38" scope="col"> </th>
<th width="254" align="left" valign="bottom" scope="col"><span style="font-size: 16px; "><span style="color: rgb(255, 255, 255); "><span style="font-family: 'Century Gothic'; ">Reklam Alanı</span></span></span></th>
<th width="10" scope="col"> </th>
</tr>
</table></th>
</tr>
<tr>
<th height="19" align="left" valign="top" background="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_44.png" scope="col"><table width="268" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="10" scope="col"> </th>
<th width="254" align="left" valign="top" scope="col">
<div style="text-align: center; "><a href="#iletisim"><img vspace="0" hspace="0" border="0" alt="" src="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_47.png" /></a></div>
</th>
<th width="10" scope="col"> </th>
</tr>
</table></th>
</tr>
<tr>
<th height="21" background="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_45.png" scope="col"> </th>
</tr>
</table><br/>
<table width="268" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th height="47" align="left" valign="top" background="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_43.png" scope="col"><table width="268" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="10" height="38" scope="col"> </th>
<th width="254" align="left" valign="bottom" scope="col"><span style="font-size: 16px; "><span style="color: rgb(255, 255, 255); "><span style="font-family: 'Century Gothic'; ">Seçtiğimiz Konular</span></span></span></th>
<th width="10" scope="col"> </th>
</tr>
</table></th>
</tr>
<tr>
<th height="19" align="left" valign="top" background="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_44.png" scope="col"><table width="268" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th width="10" scope="col"> </th>
<th width="254" align="left" valign="top" scope="col">
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#linkhover ul li a {
background-color: #;
display: block;
height: 20px;
width: 245px;
color: #000;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
text-align:center;
padding: 1px;
background-image: url();
background-repeat: no-repeat;
}
#linkhover ul li a:hover {
background-color: #;
padding-left: 5px;
color: #000;
background-image: url(http://img.webme.com/pic/s/siir-evimiz/grafikdestek_42.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
<li><a href="#">GrafikDizayn Kapandı..!</a></li>
<li><a href="#">GrafikDestek Yoluna Devam Ediyor..</a></li>
<li><a href="#">En Güzel 20 HTML Kod</a></li>
<li><a href="#">İcon Arşivimiz</a></li>
<li><a href="#">Tasarım Kodlama</a></li>
<li><a href="#">Tasarım Çizme</a></li>
<li><a href="#">Css Tasarım Ekleme</a></li>
<li><a href="#">Yorum Alanı Şekillendirme</a></li>
<li><a href="#">Wordpress Nedir?</a></li>
<li><a href="#">Tüm Konular</a></li>
</ul>
</div>
</ul>
</div>
</th>
<th width="10" scope="col"> </th>
</tr>
</table></th>
</tr>
<tr>
<th height="21" background="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_45.png" scope="col"> </th>
</tr>
</table><br/>
</th>
<th width="13" scope="col"> </th>
</tr>
</table></th>
</tr>
<tr>
<th align="center" valign="middle" scope="col"><a href="http://grafikdestek.10tl.net/"><img vspace="0" hspace="0" border="0" alt="" src="http://img.webme.com/pic/s/siir-evimiz/grafikdestek_46.png" /></a></th>
</tr>
</table>
Css Kodları
Kod:
table {margin-left: auto;margin-right: auto} /* Reklam Ortalama */
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;}
body,td,th {
font-family: "Century Gothic";
font-size: 12px;
color: #000;
}
body {
background-color: #8dcaff;
background-image: url(http://img.webme.com/pic/s/siir-evimiz/grafikdestek_48.png);
background-repeat: repeat-x;
}
a:link {
color: #000;
text-decoration: none;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
color: #0090ff;
text-decoration: none;
}
a:active {
color: #000;
text-decoration: none;
}
a {
font-family: "Century Gothic";
font-size: 12px;
}
+Rep'lerinizi bekliyorum