Önizleme
<img src="http://f1204.hizliresim.com/w/3/41xd6.png" />
http://f1204.hizliresim.com/w/3/41xd6.png
Tasarim Üstü
<textarea></style>
<table height="102" id="ad-45c4">
<tr>
<td height="102">
<iframe src="http://ads.webme.com/banner.php?pos=bw" frameborder="0" width="728" height="90" scrolling="no"></iframe></td>
</tr>
</table>
</style>
<table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="215" align="left" valign="top" background="http://img.webme.com/pic/m/mustafaozkaradeneme5/seffaf_01.png"><div class="logo">375x175 logo </div>
<div class="reklam">468x60 reklam </div></td>
</tr>
</table>
<table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="80" align="left" valign="top" background="http://img.webme.com/pic/m/mustafaozkaradeneme5/seffaf_02.png"><div class="üstmenü">
<ul>
<li><a href="#">Eklenecek</a></li>
<li><a href="#">Eklenecek</a></li>
<li><a href="#">Eklenecek</a></li>
<li><a href="#">Eklenecek</a></li>
<li><a href="#">Eklenecek</a></li>
<li><a href="#">Eklenecek</a></li>
<li><a href="#">Eklenecek</a></li>
<li><a href="#">Eklenecek</a></li>
<li><a href="#">Eklenecek</a></li>
<li><a href="#">Eklenecek</a></li>
</ul>
</div></td>
</tr>
</table>
<table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="72" align="left" valign="top" background="http://img.webme.com/pic/m/mustafaozkaradeneme5/seffaf_03.png"><div class="saat"><div id="clock">19 Aralık 2009 | 14:48:08</div> <script type="text/javascript">
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("","","","","","","");
var months=new Array("Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylul","Ekim","Kasım","Aralık");
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
document.getElementById("clock").innerHTML=days[day] + " " + date + " " + months[month] + " " + year + " | " + h + ":" + m + ":" + s + " "
setTimeout("refrClock()",1000);
}
refrClock();
</script></div>
<div class="duyuru"><marquee direction="left" style="float:right;" width="583" onMouseOver="this.stop();" onMouseOut="this.start();">
<b>Merhaba Arkadaşlar Sitemizin Tasarımı Değişmiştir Yönetimden Mustafa Özkara</b>
</marquee> </div></td>
</tr>
</table>
<table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="325" align="left" valign="top" background="http://img.webme.com/pic/m/mustafaozkaradeneme5/seffaf_04.png"><table width="1024" height="237" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10"> </td>
<td width="293" align="left" valign="top">Yan Menü </td>
<td width="15"> </td>
<td width="691" align="left" valign="top">
</textarea>
Tasarim Alti
<textarea></td>
<td width="15"> </td>
</tr>
</table></td>
</tr>
</table>
<table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="62" background="http://img.webme.com/pic/m/mustafaozkaradeneme5/seffaf_05.png"> </td>
</tr>
</table>
<table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="50" align="left" valign="top" background="http://img.webme.com/pic/m/mustafaozkaradeneme5/seffaf_06.png"><div class="istatikler">İstatik Gelecek </div>
<div class="linktakas">
<p><a href="#">Link Takas </a>-<a href="#"> Link Takas</a> -<a href="#"> Link Takas</a> - <a href="#">Link Takas</a> - <a href="#">Link Takas</a> - <a href="#">Link Takas</a> </p>
</div> </td>
</tr>
</table>
<table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="96" background="http://img.webme.com/pic/m/mustafaozkaradeneme5/seffaf_07.png"> </td>
</tr>
</table></textarea>
Css Kodu
<textarea><style type="text/css">
<!--
table {margin-left: auto;margin-right: auto}
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;}
.logo {
width: 375px;
float: left;
height: 175px;
margin-left: 55px;
margin-top: 25px;
margin-bottom: 2px;
}
.üstmenü {
float: left;
width: 1008px;
height: 57px;
margin-top: 7px;
margin-left: 8px;
margin-bottom: 2px;
}
.üstmenü ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.üstmenü li {
float: left;
}
.üstmenü a {
color: #000000;
text-decoration: none;
display: block;
width: 89px;
height: 39px;
padding-top: 15px;
padding-left: 7px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #000000;
border-right-width: 2px;
border-right-style: solid;
border-right-color: #000000;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #000000;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #000000;
}
.üstmenü a:hover {
color: #333333;
background-image: url(http://f1203.hizliresim.com/v/c/3ftnw.png);
}
.reklam {
float: left;
height: 60px;
width: 468px;
margin-top: 90px;
margin-left: 77px;
margin-bottom: 2px;
}
.saat {
float: left;
width: 245px;
margin-top: 13px;
margin-left: 70px;
height: 37px;
margin-bottom: 2px;
}
.duyuru {
float: left;
width: 583px;
height: 30px;
margin-top: 22px;
margin-left: 115px;
margin-bottom: 2px;
}
.istatikler {
float: left;
width: 475px;
height: 35px;
margin-top: 6px;
margin-left: 12px;
margin-bottom: 2px;
}
.linktakas {
float: left;
width: 510px;
margin-left: 15px;
height: 20px;
margin-top: 1px;
margin-bottom: 2px;
}
.linktakas a:hover {
color: #666666;
}
.linktakas a {
color: #000000;
text-decoration: none;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
font-weight: bold;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FF0000;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
color: #06C;
}
a:active {
text-decoration: none;
color: #000;
}
h1,h2,h3,h4,h5,h6 {
font-family: Arial Black, Gadget, sans-serif;
}
::-moz-selection { background:#515151; color:#fff; }
::selection { background:#515151; color:#fff; }
body {
background-image: url(http://img.webme.com/pic/e/endorfun/back3.jpg);</textarea>[/code]
