Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 13.59.111.183
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Меню от $USERNAME$ — дубль второй
Сообщение оставлено 14.06.2010 в 22:15:52 | Сообщение #1
можно увидеть здесь.

Установка:

1. CSS:

Code
#menu {
    background: #3e3e3e;
    padding: 7px 20px 7px 20px;
    text-align: center;
}

#menu a.main {
    font-variant: small-caps;
    text-decoration: none;
    font-weight: bold;
    color: white;
    font-size: 10pt;
    padding: 7px;
    font-family: Tahoma;
}

#menu a.main:hover {
    background: #b52828;
}

#submenu {
    width: 100%;
    height: 20px;
    background: #eee;
    border: 1px solid black;
}

#submenu a {
    color: black;
}

2. jQuery:

Code
$('#menu a').mouseover(function () {
    if ($(this).next().hasClass('sbc')) {
     $('#submenu').html($(this).next().html());
    } else {
     $('#submenu').empty();
    }
});

3. HTML:

Code
<div id="menu">
    <a href="/" class="main">
     главная
    </a>
    <div style="display: none;" class="sbc">
     <a href="">
      Администрация
     </a>
     |
     <a href="">
      Контакты
     </a>
    </div>
    <a href="/forum" class="main">
     форум
    </a>
    <div style="display: none;" class="sbc">
     <a href="">
      Новости
     </a>
     |
     <a href="">
      Общение
     </a>
    </div>
    <a href="/load" class="main">
     софт
    </a>
    <div style="display: none;" class="sbc">
     <a href="">
      Скачать софт
     </a>
     |
     <a href="">
      Другое
     </a>
    </div>
    <a href="/publ" class="main">
     фильмы
    </a>
    <div style="display: none;" class="sbc">
     <a href="">
      Скачать
     </a>
     |
     <a href="">
      Посмотреть
     </a>
    </div>
    <a href="/index/8" class="main">
     профиль
    </a>
    <a href="/index/10" class="main">
     выход
    </a>
</div>
<div id="submenu">
</div>

С вами был $USERNAME$.

 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика