Bs Yeni Tasarim
Tasarimin Üstü----------------------------------------------------
<table width="990" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="94" valign="top" background="https://img.webme.com/pic/d/den-eme-34/bsaktif6_01.png"><table width="990" height="88" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="346" height="50"> </td>
<td width="607"> </td>
<td width="37"> </td>
</tr>
<tr>
<td> </td>
<td align="left" valign="middle">
<div id="menu">
<ul>
<li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa1</a>
<ul>
<li><a href="http://bs-aktif.tr.gg">menu1</a></li>
<li><a href="http://bs-aktif.tr.gg">menu2</a></li>
<li><a href="http://bs-aktif.tr.gg">menu3</a></li>
<li><a href="http://bs-aktif.tr.gg">menu4</a></li>
</ul>
</li>
<li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa2</a>
<ul>
<li><a href="http://bs-aktif.tr.gg">menu1</a></li>
<li><a href="http://bs-aktif.tr.gg">menu2</a></li>
<li><a href="http://bs-aktif.tr.gg">menu3</a></li>
<li><a href="http://bs-aktif.tr.gg">menu4</a></li>
</ul>
</li>
<li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa3</a>
<ul>
<li><a href="http://bs-aktif.tr.gg">menu1</a></li>
<li><a href="http://bs-aktif.tr.gg">menu2</a></li>
<li><a href="http://bs-aktif.tr.gg">menu3</a></li>
<li><a href="http://bs-aktif.tr.gg">menu4</a></li>
</ul>
</li>
<li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa4</a>
<ul>
<li><a href="http://bs-aktif.tr.gg">menu1</a></li>
<li><a href="http://bs-aktif.tr.gg">menu2</a></li>
<li><a href="http://bs-aktif.tr.gg">menu3</a></li>
<li><a href="http://bs-aktif.tr.gg">menu4</a></li>
</ul>
</li>
<li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa5</a>
<ul>
<li><a href="http://bs-aktif.tr.gg">menu1</a></li>
<li><a href="http://bs-aktif.tr.gg">menu2</a></li>
<li><a href="http://bs-aktif.tr.gg">menu3</a></li>
<li><a href="http://bs-aktif.tr.gg">menu4</a></li>
</ul>
</li>
</ul>
</div>
</td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="168" valign="top" background="https://img.webme.com/pic/d/den-eme-34/bsaktif6_02.png"><table width="990" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="392" height="38"> </td>
<td width="475"> </td>
<td width="123"> </td>
</tr>
<tr>
<td height="71"> </td>
<td align="left" valign="top">buraya reklam </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="77" valign="bottom" background="https://img.webme.com/pic/d/den-eme-34/bsaktif6_03.png"><table width="990" height="63" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="18" height="31"> </td>
<td width="171" align="left" valign="middle">tarih</td>
<td width="278"> </td>
<td width="498" align="left" valign="middle">haberler</td>
<td width="25"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="197" align="left" valign="top" background="https://img.webme.com/pic/d/den-eme-34/bsaktif6_04.png"><table width="990" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="23" height="199"> </td>
<td width="942" align="left" valign="top">
Tasarimin Altı
--------------------------------------------------------
Tasarimin Altı
--------------------------------------------------------
</td>
<td width="25"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="124" align="left" valign="top" background="https://img.webme.com/pic/d/den-eme-34/bsaktif6_05.png"><table width="990" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="26" height="32"> </td>
<td width="475"> </td>
<td width="10"> </td>
<td width="461"> </td>
<td width="18"> </td>
</tr>
<tr>
<td height="71"> </td>
<td align="left" valign="top">buraya reklam </td>
<td> </td>
<td align="left" valign="top">=>Link Takaslar burayaaaa
</td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
Css Kodu
-------------------------------------------------------
Css Kodu
-------------------------------------------------------
/* CIZIM-GULTENYILMAZ.TR.GG - KODLAMA-BS-AKTIF.TR.GG */
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;}
<--Menü-->
#menu {
font:14px arial, verdana, sans-serif;
width:720px
}
#menu ul {
list-style:none;
margin:0;
padding:5px;
/* Firefox, Chrome, Safari tarayıcılar için Border radius ve Shadow tanımları yapılıyor */
-moz-border-radius:4px; /* menümüzün yuvarlak köşeleri tanımlanıyor. */
-khtml-border-radius:4px; /* menümüzün yuvarlak köşeleri tanımlanıyor. */
-khtml-box-shadow:0px 1px 2px #333; /* burada menümüze çok küçük bir gölge efekti veriyoruz */
-webkit-border-radius:4px; /* menümüzün yuvarlak köşeleri tanımlanıyor. */
-webkit-box-shadow:0px 1px 2px #333; /* burada menümüze çok küçük bir gölge efekti veriyoruz */
}
#menu li { /* menümüzün liste tanımı yapılıyor. */
list-style:none;
padding:0;
margin:0;
float:left;
position:relative;
}
#menu a {
color:#fff;
text-decoration:none;
padding:4px;
display:block;
text-shadow:0px 1px 2px #000;
margin:0px 10px 0px 10px;
}
#menu a:hover {
color:#fff;
text-decoration:none;
padding:4px;
background:#333;
-moz-border-radius:3px; /* menü bağlantılarımıza küçük bir gölge efekti veriyoruz. */
-khtml-border-radius:3px;
-webkit-border-radius:3px;
display:block;
}
/* Alt menülerimizi gizliyor ve sonrasında alt menünün stil tanımlamalarına geçiyoruz. */
#menu li ul {
display:none; /* Alt menülerimizi gizliyoruz! */
position:absolute;
padding:0px;
margin:0px;
}
#menu li:hover > ul {
display:block; /* Alt menülerimiz #menu li üzerine fare ile gelinince görünecek şekilde hover ile gösterimini sağlıyoruz. */
position:absolute;
padding:0px 0px 0px 0px; /* margin ve padding değerlerini uygun şekilde ayarlıyoruz. */
margin:0px 10px 0px 10px;
width:150px;
left:0
}
/* Alt menü görünümünü değiştirecek olan stilleri yazıyoruz. */
#menu ul ul {
-moz-border-radius:4px; /* alt menümüzün köşelerini yuvarlıyoruz. */
-webkit-box-shadow:0px 1px 2px #2e83ff; /* ve burada da biraz gölge katıyoruz. */
-khtml-box-shadow:0px 1px 2px #2e83ff; /* ve burada da biraz gölge katıyoruz. */
width:150px;
margin:0px 10px 0px 10px;
border:1px solid #777;
}
#menu ul ul li {
display:block;
float:none;
}
#menu ul ul a { /* alt menü listemizin linklerini tanımlıyoruz. */
display:block;
font:14px/20px arial, verdana, sans-serif;
margin:0;
background:#888;
border-bottom:1px solid #777
}
#menu ul ul a:hover {
background:#f5cd14;
color:#fff;
}
<body background="http://i32.photobucket.com/albums/d19/xdomains/gfxback/bg0032zt.gif">