Меню

Discussion in 'PHP' started by InfernoNet, 3 May 2008.

  1. InfernoNet

    InfernoNet Elder - Старейшина

    Joined:
    7 Nov 2007
    Messages:
    248
    Likes Received:
    228
    Reputations:
    -20
    Нужно простейшие меню, как указано на рисунке.

    [​IMG]

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

    YoYo Factory Elder - Старейшина

    Joined:
    24 Mar 2008
    Messages:
    108
    Likes Received:
    79
    Reputations:
    -5
  3. Лигендо Онтечада

    Joined:
    28 Apr 2008
    Messages:
    6
    Likes Received:
    5
    Reputations:
    0
  4. Shawn1x

    Shawn1x Elder - Старейшина

    Joined:
    24 Aug 2007
    Messages:
    307
    Likes Received:
    538
    Reputations:
    13
    Покажи чего у тебя за сайт будет :)
     
  5. InfernoNet

    InfernoNet Elder - Старейшина

    Joined:
    7 Nov 2007
    Messages:
    248
    Likes Received:
    228
    Reputations:
    -20
    Это не то.
    Вот нашел кучу менюшек, но той которая мне нужна там нету: http://lomachenko.narod.ru/javaskripty/jvaskript_menu/index.html
     
  6. astrologer

    astrologer Elder - Старейшина

    Joined:
    30 Aug 2007
    Messages:
    837
    Likes Received:
    267
    Reputations:
    59
    Code:
    <!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>
     
  7. InfernoNet

    InfernoNet Elder - Старейшина

    Joined:
    7 Nov 2007
    Messages:
    248
    Likes Received:
    228
    Reputations:
    -20
    astrologer, спасибо. А можешь сделать, чтоб меню открывалась не при наведении на слово, а при клике?
     
  8. astrologer

    astrologer Elder - Старейшина

    Joined:
    30 Aug 2007
    Messages:
    837
    Likes Received:
    267
    Reputations:
    59
    Могу, но с помощью JS.
    Вряд ли кликать каждый раз будет удобно.
     
    1 person likes this.
  9. InfernoNet

    InfernoNet Elder - Старейшина

    Joined:
    7 Nov 2007
    Messages:
    248
    Likes Received:
    228
    Reputations:
    -20
    Так вся фишка в том, что меню использоваться так часто не будет.
    С Js не надо. Спасибо так и оставлю.