1
Tasarim Uste
<style type="text/css">
<!--
.style2 {color: #FFFFFF}
-->
</style>
<table width="900" height="510" cellpadding="0" cellspacing="0">
<tr>
<td height="203" background="https://img.webme.com/pic/s/serhattimurtas/gr_01.png"><p> </p>
<table width="820" height="19" cellpadding="0" cellspacing="0">
<tr>
<td width="382"> </td>
<td width="436"><span class="style2">Buraya Reklam Vb. SeylerEkleyebilirsiniz</span> </td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
<tr>
<td height="147" align="left" valign="top" background="https://img.webme.com/pic/s/serhattimurtas/gr_02.png"><table width="842" cellspacing="0" cellpadding="0">
<tr>
<td width="48" height="145"> </td>
<td width="175" align="left" valign="top">MENU</td>
<td width="54"> </td>
<td width="563" align="left" valign="top"><div id"content"></div>
Tasarim Alti
</td></tr>
</table></td>
</tr>
<tr>
<td height="153" background="https://img.webme.com/pic/s/serhattimurtas/gr_03.png"> </td>
</tr>
</table>
Css Kodu
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;}
table {margin-left: auto;margin-right: auto}
* {padding: 0; margin:0 }
body {
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://www.backgroundlabs.com/backgrounds/2.jpg) top center fixed;
}
#tasarim{
width: 1024px;
margin-left: 0 auto;
margin-right:0 auto;
}
#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/c/cnvristtr-deneme/red_01.png);
width: 975px;
height: 200px;
float: left;
}
#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/c/cnvristtr-deneme/red_02.png);
width: 975px;
height: 435%;
float: left;
}
.solsutun{
width:175px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
}
.sagsutun {
width:675px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
text-align: justify;
}
#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(https://img.webme.com/pic/c/cnvristtr-deneme/red_03.png);
width: 975px;
height: 63px;
float: left;
}
Sol Menü <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .urbangreymenu{ width: 190px; height: 10px; /*width of menu*/ } .urbangreymenu .headerbar{ width: 190px; height: 10px; font: bold 12px Trebuchet MS; color: white; background: #4f6b78 url( https://img.webme.com/pic/o/osmantalay/mncnl.png) no-repeat 3px 4px; /*last 2 values are the x and y coordinates of bullet image*/ margin-bottom: 0; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 9px 20px; /*20px is left indentation of header text*/ } .urbangreymenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; /*bottom spacing between each UL and rest of content*/ } .urbangreymenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .urbangreymenu ul li a{ font: normal bold 12px Arial; color: black; background: #dbe6ec; display: block; padding: 5px 0; line-height: 12px; padding-left: 4px; /*link text is indented 4px*/ text-decoration: none; } .urbangreymenu ul li a:visited{ color: black; } .urbangreymenu ul li a:hover{ /*hover state CSS*/ color: white; background: #80bbd9; } </style> <style> A{ text-decoration : none; } <!-- a{color:#0e9dc1;text-decoration:none;font:bold} a:hover{color:#C0C0C0;text-decoration:none;font:bold} </style> <style> A{ text-decoration : none; } A:Hover{ text-decoration : underline; } </style>