TR Arayıcının Efsanesi TR

Bs Yeni Tasarim

Tasarimin Üstü
----------------------------------------------------

<tr>

<tr>

</tr>

<tr>

<ul>

<li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa1</a>

<ul>

</ul>

</li>

<li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa2</a>

<ul>

</ul>

</li>

<li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa3</a>

<ul>

</ul>

</li>

<li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa4</a>

<ul>

</ul>

</li>

<li><a href="http://bs-aktif.tr.gg" class="secim">Ana Sayfa5</a>

<ul>

</ul>

</li>

</ul>

</div>

</td>

</tr>

</table></td>

</tr>

<tr>

<tr>

</tr>

<tr>

<td align="left" valign="top">buraya reklam </td>

</tr>

<tr>

</tr>

</table></td>

</tr>

<tr>

<tr>

<td width="171" align="left" valign="middle">tarih</td>

<td width="498" align="left" valign="middle">haberler</td>

</tr>

<tr>

</tr>

</table></td>

</tr>

<tr>

<tr>

<td width="942" align="left" valign="top">

Tasarimin Altı
--------------------------------------------------------

</td>

</tr>

</table></td>

</tr>

<tr>

<tr>

</tr>

<tr>

<td align="left" valign="top">buraya reklam </td>

<td align="left" valign="top">=>Link Takaslar burayaaaa

</td>

</tr>

</table></td>

</tr>

</table>

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;

}