GURURUM5
Would you like to react to this message? Create an account in a few clicks or log in to continue.

GURURUM5 Forumu | ARADIĞINIZ BİLGİ, DOSTLUK, VE PAYLAŞIM İŞTE TAM BURADA


YUKARDAN AŞAĞI AÇILIR MENÜ

GURURUM5 :: WEBMASTER :: HTML KODLARI

Aşağa gitmek

YUKARDAN AŞAĞI AÇILIR MENÜ Empty YUKARDAN AŞAĞI AÇILIR MENÜ

Mesaj tarafından Admin Ptsi Şub. 09, 2009 7:20 am

Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>Foldoutmenue Horizontal</title>

<style type="text/css" media="screen">
<!--
body
{
   font-family: Verdana, sans-serif;
   font-size: 14px;
   overflow: auto;
   padding: 10px;
   margin: 0px;
}

ul, li
{
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}

.menu
{
   position: absolute;
   z-index: 3;
   top: 10px;
}

.menu li
{
   width: 140px;
   float: left;
}

.menu a
{
   border: 1px solid #888;
   background-color: #fff;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   cursor: default;
   margin: 0px 2px;
   display: block;
   height: 20px;
   color: #000;
}

.menu a:hover
{
   background-color: #ccc;
}

#smenu1, #smenu2, #smenu3, #smenu4
{
   font-size: 12px;
   display: none;
   width: 140px;
   float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
   font-weight: normal;
   padding-top: 2px;
   border-top: 0px;
   cursor: pointer;
}
//-->
</style>

<script type="text/javascript">
<!--
function montre(id)
{
   with (document)
   {
      if (getElementById)
         getElementById(id).style.display = 'block';
      else if (all)
         all[id].style.display = 'block';
      else
         layers[id].display = 'block';
   }
}

function cache(id)
{
   with (document)
   {
      if (getElementById)
         getElementById(id).style.display = 'none';
      else if (all)
         all[id].style.display = 'none';
      else
         layers[id].display = 'none';
   }
}
//-->
</script>

</head>
<body>

<div class="menu">
  <ul>
    <li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menu 1</a>
      <ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
        <li><a href="">Subkategorie 1.1</a></li>
        <li><a href="">Subkategorie 1.2</a></li>
        <li><a href="">Subkategorie 1.3</a></li>
      </ul>
    </li>

    <li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Menu 2</a>
      <ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
        <li><a href="">Subkategorie 2.1</a></li>
        <li><a href="">Subkategorie 2.2</a></li>
      </ul>
    </li>

    <li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menu 3</a>
      <ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
        <li><a href="">Subkategorie 3.1</a></li>
        <li><a href="">Subkategorie 3.2</a></li>
        <li><a href="">Subkategorie 3.3</a></li>
        <li><a href="">Subkategorie 3.4</a></li>
        <li><a href="">Subkategorie 3.5</a></li>
      </ul>
    </li>

    <li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menu 4</a>
      <ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
        <li><a href="">Subkategorie 4.1</a></li>
        <li><a href="">Subkategorie 4.2</a></li>
        <li><a href="">Subkategorie 4.3</a></li>
      </ul>
    </li>
  </ul>
</div>

</body>
</html>
Admin
Admin
ADMİN
ADMİN

Kadın
Mesaj Sayısı : 657
Yaş : 51
Nerden : izmir
İş/Hobiler : EV HANIMI
Ülke : YUKARDAN AŞAĞI AÇILIR MENÜ U21010
İsim : DİLEK
Eğitim : İlkokul
Ruh Halim : YUKARDAN AŞAĞI AÇILIR MENÜ Huysuz10
Dikkat : <marquee><font color=\"red\"><strong>Dikkat: GuRuRuM5 FoRuM BaĞıMLILIK YaPaBiLiR...!! Smile</strong></font> </marquee>
İfadeniz : YUKARDAN AŞAĞI AÇILIR MENÜ Mir19
Uyarı Çubuğu :
YUKARDAN AŞAĞI AÇILIR MENÜ Left_bar_bleue0 / 1000 / 100YUKARDAN AŞAĞI AÇILIR MENÜ Right_bar_bleue

Takım : YUKARDAN AŞAĞI AÇILIR MENÜ Fenerb10
Kayıt tarihi : 12/12/08

http://gururum5.eniyiforum.net

Sayfa başına dön Aşağa gitmek

Sayfa başına dön

- Similar topics

GURURUM5 :: WEBMASTER :: HTML KODLARI

 
Bu forumun müsaadesi var:
Bu forumdaki mesajlara cevap veremezsiniz