09-03-2012, 10:22
Bi arkadaşım için yapmıştım kullanmadı paylaşıma açayım dedim.Beğenen olursa kullanır şimdiden hayırlı olsun
T.Üst
Kod:
<div align="center">
<table width="997" height="211" cellpadding="1">
<tr>
<td width="989" height="205"><div align="right"><img src="http://i1053.photobucket.com/albums/s466/hypergame2/ust1.png" width="909" height="209" border="0" usemap="#Map" /></div></td>
</tr>
</table>
<table width="831" height="463" cellpadding="1">
<tr valign="top">
<td width="823" height="457"><table width="821" height="577" cellpadding="1">
<tr>
<td width="813" height="571" valign="top"><table width="813" height="390" align="center" cellpadding="1">
<tr>
<td width="533" height="384" valign="top" background="http://i1053.photobucket.com/albums/s466/hypergame2/sayfa.png"><div id="content">T.Alt
Kod:
</div></td>
<td width="268" valign="top" background="http://i1053.photobucket.com/albums/s466/hypergame2/yan-1.png"><table align="center" width="268" cellspacing="0" cellpadding="0" border="0">
<table align="center" width="268" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<th align="left" valign="top" height="47" background="http://i1053.photobucket.com/albums/s466/hypergame2/grafikdestek_43-1.png" scope="col">
<table align="center" width="268" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<th width="10" height="38" scope="col"> </th>
<th align="left" width="254" valign="bottom" scope="col"><span style="font-size: 16px; "><span style="color: rgb(255, 255, 255); "><span style="font-family: 'Century Gothic'; ">Kategori</span></span></span></th>
<th width="10" scope="col"> </th>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th align="left" valign="top" height="19" background="http://i1053.photobucket.com/albums/s466/hypergame2/grafikdestek_44-1.png" scope="col">
<table align="center" width="268" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<th width="10" scope="col"> </th>
<th align="left" width="254" 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="#"><span style="color:#FFFFFF;">Kategori 1</span></a></li>
<li><a href="#"><span style="color:#FFFFFF;">Kategori 2</span></a></li>
<li><a href="#"><span style="color:#FFFFFF;">Kategori 3</span></a></li>
<li><a href="#"><span style="color:#FFFFFF;">Kategori 4</span></a></li>
<li><a href="#"><span style="color:#FFFFFF;">Kategori 5</span></a></li>
<li><a href="#"><span style="color:#FFFFFF;">Kategori 6</span></a></li>
<li><a href="#"><span style="color:#FFFFFF;">Kategori 7</span></a></li>
<li><a href="#"><span style="color:#FFFFFF;">Kategori 8</span></a></li>
<li><a href="#"><span style="color:#FFFFFF;">Kategori 9</span></a></li>
<li><a href="#"><span style="color:#FFFFFF;">Kategori 10</span></a></li>
</ul>
</div>
</th>
<th width="10" scope="col"> </th>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th height="21" background="http://i1053.photobucket.com/albums/s466/hypergame2/grafikdestek_45-1.png" scope="col"> </th>
</tr>
</tbody>
</table>
<br />
<table align="center" width="268" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<th align="left" valign="top" height="47" background="http://i1053.photobucket.com/albums/s466/hypergame2/grafikdestek_43-1.png" scope="col">
<table align="center" width="268" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<th width="10" height="38" scope="col"> </th>
<th align="left" width="254" 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>
</tbody>
</table>
</th>
</tr>
<tr>
<th align="left" valign="top" height="19" background="http://i1053.photobucket.com/albums/s466/hypergame2/grafikdestek_44-1.png" scope="col">
<table align="center" width="268" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<th width="10" scope="col"> </th>
<th align="left" width="254" 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>
</tbody>
</table>
</th>
</tr>
<tr>
<th height="21" background="http://i1053.photobucket.com/albums/s466/hypergame2/grafikdestek_45-1.png" scope="col"> </th>
</tr>
</tbody>
</table>
<br />
<p align="center"> </p>
<div align="center"><map name="Map" id="Map">
<area shape="rect" coords="138,84,273,118" href="index.htm" />
<area shape="rect" coords="295,85,397,119" href="hakkımda.htm" />
<area shape="rect" coords="416,85,495,119" href="iletisim.htm" />
<area shape="rect" coords="516,86,607,119" href="yorumlar.htm" />
<area shape="rect" coords="628,85,714,118" href="destekol.htm" /> </map></div>CSS.
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: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
body {
background-image: url(http://img.webme.com/pic/d/doguitardeneme/background.png);
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
