Форум АНТИЧАТ

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   Меню (https://forum.antichat.xyz/showthread.php?t=69236)

InfernoNet 03.05.2008 16:11

Меню
 
Нужно простейшие меню, как указано на рисунке.

http://img177.imageshack.us/img177/1441/primercz4.jpg

Синий цвет - это главное меню.
Красный цвет - это под меню.
К примеру вы кликнули по слову "Новости" и у вас открылось под меню с категориями новостей.
Без всяких эффектов.

YoYo Factory 03.05.2008 16:50

Юзай http://rapidshare.com/files/112226306/490_490.zip.html
Надеюсь что html чуток знаешь! Цвет поменяешь по вкусу!!! А лишние разделы убери! :)

Лигендо Онтечада 03.05.2008 16:52

учи dhtml

Shawn1x 03.05.2008 16:57

Покажи чего у тебя за сайт будет :)

InfernoNet 03.05.2008 16:59

Цитата:

Сообщение от YoYo Factory
Юзай http://rapidshare.com/files/112226306/490_490.zip.html
Надеюсь что html чуток знаешь! Цвет поменяешь по вкусу!!! А лишние разделы убери! :)

Это не то.
Вот нашел кучу менюшек, но той которая мне нужна там нету: http://lomachenko.narod.ru/javaskripty/jvaskript_menu/index.html

astrologer 03.05.2008 17:42

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>

<style type="text/css">

.menu, .menu ul, .menu li
{
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu li
{
  float: left;
  width: 200px;
}
.menu li ul { display: none; }
.menu li ul:hover,
.menu li a:hover + ul { display: block; }

.menu a
{
  color: blue;
  text-decoration: none;
  font-size: xx-large;
}
.menu li ul li a { color: red; }

</style>
</head>
<body>

<ul class="menu">

  <li>
    <a href="news.html">Новости</a>
    <ul>
      <li><a href="#">Раз</a></li>
      <li><a href="#">Два</a></li>
    </ul>
  </li>

  <li>
    <a href="products.html">Продукты</a>
    <ul>
      <li><a href="#">Раз</a></li>
      <li><a href="#">Два</a></li>
    </ul>
  </li>
  <li>
    <a href="houses.html">Дома</a>
    <ul>
      <li><a href="#">Раз</a></li>
      <li><a href="#">Два</a></li>
    </ul>
  </li>

</ul>

</body>
</html>


InfernoNet 03.05.2008 17:51

astrologer, спасибо. А можешь сделать, чтоб меню открывалась не при наведении на слово, а при клике?

astrologer 03.05.2008 18:05

Цитата:

Сообщение от InfernoNet
astrologer, спасибо. А можешь сделать, чтоб меню открывалась не при наведении на слово, а при клике?

Могу, но с помощью JS.
Вряд ли кликать каждый раз будет удобно.

InfernoNet 03.05.2008 18:07

Так вся фишка в том, что меню использоваться так часто не будет.
С Js не надо. Спасибо так и оставлю.


Время: 03:05