10
Serhattımurtas V3 Tasarımı
TASARIM ÜSTÜ
<link rel="stylesheet" type="text/css" href="http://spetools.de/css/498.css" />
<table width="800" cellspacing="0" cellpadding="0">
<tr>
<td><img src="https://img.webme.com/pic/s/serhattimurtas/ts_001.png" width="800" height="239" border="0" usemap="#Map"></td>
</tr>
<tr>
<td height="102" align="left" valign="top" background="https://img.webme.com/pic/s/serhattimurtas/ts_02.png"><table width="650" cellspacing="0" cellpadding="0">
<tr>
<td width="55" height="102"> </td>
<td width="593" align="left" valign="top"><div id"content"></div>
TASARIM ALTI
</td>
</tr>
</table></td>
</tr>
<tr>
<td height="157" background="https://img.webme.com/pic/s/serhattimurtas/ts_03.png"> </td>
</tr>
</table>
<map name="Map"><area shape="rect" coords="30,178,157,212" href="ana-sayfa.htm">
<area shape="rect" coords="161,178,253,211" href="ILETISIM.htm">
<area shape="rect" coords="257,182,362,213" href="YORUMYAZ.htm">
<area shape="rect" coords="367,178,491,217" href="HAKKIMDA.htm">
<area shape="rect" coords="493,177,641,217" href="TASARMILAR.htm">
<area shape="rect" coords="645,178,776,216" href="http://serhattimurtas.tr.gg/CALISMALARIM.htm">
<area shape="rect" coords="452,66,731,158" href="http://zaloyun.tr.gg">
</map>
CSS KODU
<br /> iframe{border:solid 4px #000000;}
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://i54.tinypic.com/29mn58z.jpg) top center fixed;
}
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>