Выпадающее меню навигации

Dana Domirani пишет:Можете посмотреть живое демо тут: http://calidasa2x2.forum2x2.ru/

Можно скрипт то?

Да и возможно ли,потерял ссылку надо поискать.Проще говоря что если нажимаешь на форум,то фон черный,на портал теперь он там.Думаю что я непонятно объяснил.

Код:

<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>

Код:

<ul id="nav">
   <li class="top"><a href="/portal" class="top_link"><span>Портал</span></a></li>
   <li class="top"><a href="/" class="top_link"><span>Форум</span></a></li>
   <li class="top"><a href="#" class="top_link"><span class="down">Пользователи ▼</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
      <!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">
         <li><a href="/memberlist" rel="nofollow">Участники</a></li>
         <li><a href="/u1">Админ</a></li>
         <li><a href="/groups" rel="nofollow">Группы</a></li>
      </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
   </li>

   <li class="top"><a href="#" class="top_link"><span class="down">Статьи ▼</span><!--[if gte IE 7]><!--></a><!--<![endif]-->
      <!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">
         <li><a href="#">Первая</a></li>
         <li><a href="#">Вторая</a></li>
         <li><a href="#">Третья</a></li>
         <li><a href="#">Четвертая</a></li>
         <li><a href="#">Пятая</a></li>
      </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
   </li>

   <li class="top"><a href="/faq" class="top_link"><span>FAQ</span></a></li>
   <li class="top"><a href="#" class="top_link"><span>Правила</span></a></li>
   <li class="top"><a href="/search" class="top_link"><span>Поиск</span></a></li>
   <li class="top"><a href="/msg.forum?folder=inbox" id="testls" class="top_link"><span>ЛС</span></a></li>
   <li class="top"><a href="/profile?mode=register" id="regmen" class="top_link"><span>Регистрация</span></a></li>
   <li class="top"><a href="/login.forum?logout" id="testlogin" class="top_link"><span>Выход</span></a></li>

</ul><br />


Код:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">

Код:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" style="display:none;">

Код:

<script type="text/javascript">function testls(link){  if(document.getElementById("i_icon_mini_new_message")){      link.innerHTML = ' &nbsp; Новое ЛС  ▼ &nbsp; ';  };};

function testlogin(link){  if(!document.getElementById("i_icon_mini_logout"))
{      link.innerHTML = ' &nbsp; Вход &nbsp; '; 
link.href = "/login.forum?connexion";      document.getElementById("testls").style.display = "none";  }  else{      document.getElementById("regmen").style.display = "none";  }}

function profile(link){  if(!document.getElementById("i_icon_mini_register"))
{      link.innerHTML = 'Ваш профиль';      link.href = "/profile?mode=editprofile";  }
else{      document.getElementById("profile").style.display = "none";  }}


testls(document.getElementById("testls"));testlogin(document.getElementById("testlogin")); profile(document.getElementById("profile"));
</script>

Код:

a {
outline: none  !important;
}

#nav {
padding:0; margin:0;
list-style:none;
height:30px;
border: 1px solid #858585;
background:#fff url(http://i62.servimg.com/u/f62/15/42/26/78/mijloc10.png) repeat-x top left;
position:relative;
z-index: 999;
font-family: arial, verdana, sans-serif;
font-size:12px;
font-weight:bold;
}

#nav li.top {
display:block;
float:left;
}

#nav li a.top_link {
display:block;
float:left;
height:30px;
line-height:30px;
color:#000;
padding:0;
cursor:pointer;
text-decoration:none !important;
}

#nav li a.top_link span {
float:left;
display:block;
padding: 0 16px;
height:35px;
text-shadow: 0 1px 1px #fff;
}

#nav li a.top_link span.down {
float:left; display:block; padding:0 12px 0 12px; height:35px;
}

#nav li:hover a.top_link, #nav a.top_link:hover, #nav li a.top_link span:hover {
color:#000;
text-shadow: 0 1px 1px #708090 !important;
text-decoration:none !important;
}

#nav li:hover {position:relative; z-index: 999;}
#nav a:hover {position:relative; white-space:normal; z-index: 999;}

/* выпадающее меню */
#nav :hover ul.sub {
left:1px;
top:31px;
width: 120px;
height:auto;
z-index: 999;
text-align: left;
background:-moz-linear-gradient(top,#ffffff,#ededed);
background-color:#fff;
box-shadow: 0 1px 3px #424242;
-webkit-box-shadow: 0 1px 3px #424242;
-moz-box-shadow: 0 1px 3px #424242;
white-space:nowrap;
border: 1px solid #858585;
border-top: none;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-khtml-border-bottom-right-radius: 5px;
-khtml-border-bottom-left-radius: 5px;
padding: 0 0 7px 0;
}

/* текст выпадающее меню*/
#nav :hover ul.sub li a {
display:block;
font-size:11px;
height:20px;
width: 120px;
line-height:18px;
text-indent:5px;
color:#000;
font-weight:bold;
text-decoration:none !important;
border-top: 1px solid transparent;
border-bottom: 1px solid #ddd transparent;
}

/* текст выпадающее меню при наведении */
#nav :hover ul.sub li a:hover {
background:#eee;
color:#000;
font-weight:bold;
text-decoration:none;
border-top: 1px solid #ddd !important;
border-bottom: 1px solid #ddd !important;
text-shadow: 0 1px 1px #708090 !important;
}

#nav :hover ul.sub li {
display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;
}

#nav ul, #nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul
{
position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;
}

#nav li:hover > ul ul {
position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;
}

a#regmen {
color: red !important;
}