<style type="text/css">
#SiteAdi {
font: bold xx-large Arial, Helvetica, sans-serif;
color: #FFF;
margin-left: 120px;
}
>
visibility: hidden;
}
ul#navigation-1
{
margin: 0 0 0 220;
padding: 1px 0;
list-style: none;
width: 100%;
height: 21px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
font: normal 8pt verdana, arial, helvetica;
border-right-color: #CCCCCC;
border-left-color: #CCCCCC;
}
ul#navigation-1 li
{ margin:0; padding:0; display:block; float:left; position:relative; width:148px; }
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
{
padding: 4px 0;
display: block;
text-align: center;
text-decoration: none;
color: #ffffff;
width: 148px;
height: 13px;
}
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ec454e; color:#ffffff; width:146px; height:13px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; }
ul#navigation-1 li ul.navigation-2
{ margin:0; padding:1px 1px 0; list-style:none; display:none; background:#ffffff; width:146px; position:absolute; top:21px; left:-1px; border:1px solid #b9121b; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
{ display:block; }
ul#navigation-1 li ul.navigation-2 li
{ width:146px; clear:left; width:146px; }
ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
{ clear:left; background:#b9121b; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
{ clear:left; background:#ec454e; padding:4px 0; width:146px; border:none; border-bottom:1px solid #ffffff; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3
{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:145px; top:-2px; padding:1px 1px 0 1px; border:1px solid #b9121b; border-left:1px solid #b9121b; background:#ffffff; z-index:900; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
{ background:#b9121b; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
{ background:#ec454e; }
ul#navigation-1 li ul.navigation-2 li a span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#fe676f; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
{ position:absolute; top:0; left:132px; font-size:12pt; color:#ffffff; }
#Menu1 {
font: 18px Arial, Helvetica, sans-serif;
color: #FFF;
margin-left: 120px;
}
#Menu2 {
font: 18px Arial, Helvetica, sans-serif;
color: #FFF;
margin-left: 90px;
}
/* CSS Document */
img{border:0px;}
.flt{
float: left;
margin-left: 10px;
}
.menubg{clear:left; background-color:#6FA9C7; width:202px;}
.menu{float:left; clear:left; font:bold 11px Helvetica, Arial, sans-serif;}
.menu li {
margin:0px 0px 0px 0px;
list-style:none;
}
.menu a, .menu a:visited {
width:186px;
height:22px;
margin:0px 0px 2px -32px;
position:relative;
display:block;
color:#cbe7f5;
text-decoration:none;
background:url(http://img.webme.com/pic/s/sarrafcorpse/menubg2.jpg) no-repeat;
padding:4px 0 0 8px;
}
*html .menu a, .menu a:visited {
width:186px;
height:22px;
margin:0px 0px 2px -32px;
position:relative;
display:block;
color:#cbe7f5;
text-decoration:none;
background:url(http://img.webme.com/pic/s/sarrafcorpse/menubg2.jpg) no-repeat;
padding:4px 0 0 8px;
}
.menu a:hover, .menu a:active,
.menu li.current_page_item a, .menu li.current_page_item a:visited {
background:url(http://img.webme.com/pic/s/sarrafcorpse/menubg1.jpg) no-repeat;
text-decoration:none;
}
.bot{clear:left;}
</style>
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<td width="1000" height="213" align="center" valign="top" background="http://img.webme.com/pic/s/sarrafcorpse/untitled-7_01.gif"><table width="671" height="112" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="663"><table width="646" height="54" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td><div id="SiteAdi"> Site Adı TR.GG</div></td>
</tr>
</table></td>
</tr>
</table>
<table width="281" height="117" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td width="86" height="113"><a href="FACEADRESİ"><img src="http://img.webme.com/pic/s/sarrafcorpse/facebook.png" width="64" height="64"></a></td>
<td width="98"><a href="ASK.FMADRESİ"><img src="http://img.webme.com/pic/s/sarrafcorpse/askfm.png" width="84" height="70"></a></td>
<td width="79"><a href="TWİTTERADRESİ"><img src="http://img.webme.com/pic/s/sarrafcorpse/twitter.png" width="64" height="64"></a></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<table width="680" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="162" height="35" align="center" valign="bottom"><ul id="navigation-1">
<li><a href="#" title="Home">Ana Sayfa</a></li>
<li><a href="#" title="Products">Ders & Kodlar</a>
<ul class="navigation-2">
<li><a href="#" title="Electric Guitars">Ürünü Grubu</a></li>
<li><a href="#" title="Acoustic Guitars">Ürünü Grubu <span>»</span></a>
<ul class="navigation-3">
<li><a href="#" title="Six String">Alt Ürün Grubu</a></li>
<li><a href="#" title="Twelve String">Alt Ürün Grubu</a></li>
</ul>
</li>
<li><a href="#" title="Bass Guitars">Ürünü Grubu</a></li>
<li><a href="#" title="Accessories">Ürünü Grubu<span>»</span></a>
<ul class="navigation-3">
<li><a href="#" title="Guitar Stands">Alt Ürün Grubu</a></li>
<li><a href="#" title="Strings">Alt Ürün Grubu</a></li>
<li><a href="#" title="Tuners">Alt Ürün Grubu</a></li>
<li><a href="#" title="Plectrums">Alt Ürün Grubu</a></li>
<li><a href="#" title="Capos">Alt Ürün Grubu</a></li>
<li><a href="#" title="Cases">Alt Ürün Grubu</a></li>
<li><a href="#" title="Straps">Alt Ürün Grubu</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" title="Your Account">Yaptıklarım</a>
<ul class="navigation-2">
<li><a href="#" title="Log In">Giriş</a></li>
<li><a href="#" title="Register">Kayıt</a></li>
</ul>
</li>
<li><a href="#" title="Help">İletişim & Hakkımda</a>
<ul class="navigation-2">
<li><a href="#" title="FAQs">S.S.S.</a></li>
<li><a href="#" title="Forum">Forum</a></li>
<li><a href="#" title="Contact Us">İletişim</a></li>
</ul>
</li>
</ul></td>
</tr>
</table>
<table width="319" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="66"><div id="Menu1"> MENÜ 1</div></td>
</tr>
</table>
<p> </p>
</tr>
</table>
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<td width="1000" height="467" align="left" valign="top" background="http://img.webme.com/pic/s/sarrafcorpse/untitled-7_02.gif"><table width="669" height="461" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="right"><table width="639" height="453" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">İçerik Bölümü Css hariç gerisi Tasarım üstü Bundan sonra tasarım altı Css Style kodları silin.</td>
</tr>
</table></td>
</tr>
</table>
<table width="316" height="197" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><table width="276" height="189" border="0" align="right" cellpadding="0" cellspacing="0">
<tr align="right" valign="baseline">
<td height="189" align="left">
<img src="http://img.webme.com/pic/s/sarrafcorpse/top.jpg" width="202" height="4" alt="" class="top flt" />
<div class="menubg flt">
<ul class="menu flt">
<li class="current_page_item"><a href="#">Ana Sayfa</a></li>
<li class=""><a href="#" title="About">Hakkımızda</a></li>
<li class=""><a href="#" title="Work">Projeler</a></li>
<li class=""><a href="#" title="Contact">Referanslar</a></li>
<li class=""><a href="#" title="Location">İletişim</a></li>
<li class=""><a href="#" title="13 Styles">CSS Örnekleri</a></li>
</ul>
</div>
<img src="http://img.webme.com/pic/s/sarrafcorpse/bot.jpg" width="202" height="3" alt="" class="bot flt" /></td>
</tr>
</table></td>
</tr>
</table>
<table width="238" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="230" height="40"><div id="Menu2"> MENÜ 2</div></td>
</tr>
</table>
<table width="286" height="238" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="200" align="center" valign="middle"><table width="298" height="228" border="0" align="right" cellpadding="0" cellspacing="0">
<tr align="center" valign="baseline">
<td height="224"><img src="http://img.webme.com/pic/s/sarrafcorpse/top.jpg" width="202" height="4" alt="" class="top flt" />
<div class="menubg flt">
<ul class="menu flt">
<li class="current_page_item"><a href="#">Ana Sayfa</a></li>
<li class=""><a href="#" title="About">Hakkımızda</a></li>
<li class=""><a href="#" title="Work">Projeler</a></li>
<li class=""><a href="#" title="Contact">Referanslar</a></li>
<li class=""><a href="#" title="Location">İletişim</a></li>
<li class=""><a href="#" title="13 Styles">CSS Örnekleri</a></li>
</ul>
</div>
<img src="http://img.webme.com/pic/s/sarrafcorpse/bot.jpg" width="202" height="3" alt="" class="bot flt" /></td>
</tr>
</table></td>
</tr>
</table>
<p> </p>
</tr>
</table>
<table width="1000" border="0" cellspacing="0" cellpadding="0">
<tr>
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<td width="1000" height="120" align="center" valign="bottom" background="http://img.webme.com/pic/s/sarrafcorpse/untitled-7_03.gif">
</tr>
</table>
