Форум PHP программистов > Как сделать меню на CSS

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Useguest123

15.03.2010 - 22:41

Здравствуйте.
Каким образом реализовать меню с подменю на сайте так, чтобы на вновь открытой странице сохранялась прежняя структура меню, т.е. оставались открытые прежде пункт меню и подменю, с которого пользователь и попал на данную страницу?

Спустя 7 минут, 18 секунд (15.03.2010 - 21:48) inpost написал(а):

$here = basename(__file__);
- получаешь страницу, на которой человек находится.

Далее проверку, если значения совпадают - то открытое меню, нет - закрытое.

Спустя 23 часа, 20 минут, 11 секунд (16.03.2010 - 21:09) Useguest123 написал(а):

Немного уточню.
Помогите сделать вот что:

Есть четыре пункта меню. 2-й и 3-й из них имеет по 2 подпункта.
Поведение этого меню следующее:
На главной отображаются только пункты меню, т.е. без подменю.
По нажатии 1-го и 4-го пункта пользователь переходит на страницу, на которую этот пункт указывал, при этом данный пункт на открытой странице перестает быть гиперссылкой, т.е. становится неактивным и меняет цвет.
При нажатии 2-го и 3-го пунктов пользователь переходит на первый подпункт в данном пункте меню, при этом данный подпункт также выделяется и становится неактивным. И при нажатии на другом пункте меню на открывшейся странице все прошлые подменю сворачивались.
Мдаа. Сумбур.
Порылся и нашел то, что хочу.
Не сочтите за рекламу, хотя какая там реклама.
В общем вот такое меню как на этом сайте помогите реализовать в простом варианте, т.е., допустим, пусть будет четыре пункта и во втором и третьем пункте меню по два подпункта: http://shop.tehnomaks.ru/

Спустя 12 минут, 42 секунды (16.03.2010 - 21:21) waldicom написал(а):

Меню должно открываться с перезагрузкой страницы? И главный вопрос: чем помочь? Что-то конкретное не получается?

Спустя 7 минут, 8 секунд (16.03.2010 - 21:28) Useguest123 написал(а):

Да с перезагрузкой.
Точь-в-точь как на указанном сайте.
Помочь прошу вот в чем:
написать код (css, html...) для данного меню.
Я не до конца понимаю как устроено данное меню, поэтому могу лишь привести свои догадки.
В html создаем ненумерованный список.
В css создаем стили.
Но как сделать чтобы пункт/подпункт подсвечивался если находишься в нем и как сделать, чтобы при щелчке по пункту меню открывалась страница с подменю у данного пункта.
Иначе говоря, если можете помогите, пожалуйста, сделать меню с нуля.

Спустя 3 минуты, 48 секунд (16.03.2010 - 21:32) waldicom написал(а):

в php (при генерации меню) присваивать открытому пункту меню специальный класс, а уже в классе описываются свойства, отличные от всех остальных пунктов меню

Спустя 6 минут, 41 секунда (16.03.2010 - 21:39) Useguest123 написал(а):

Спасибо.
Но если можно, с самого начала.
Вот отправная точка:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
</head>

<body>
<ul id="main_menu">
<li><a href="#">Первый пункт меню</a></li>
<li><a href="#">Второй пункт меню</a>
<ul>
<li><a href="#">Первый подпункт 2</a></li>
<li><a href="#">Второй подпункт 2</a></li>
</ul>
</li>
<li><a href="#">Третий пункт меню</a>
<ul>
<li><a href="#">Первый подпункт 3</a></li>
<li><a href="#">Второй подпункт 3</a></li>
</ul>
</li>
<li><a href="#">Четвертый пункт меню</a></li>
</ul>
</body>
</html>

Как быть дальше?

Спустя 1 минута, 49 секунд (16.03.2010 - 21:41) Useguest123 написал(а):

Вот так поудобнее будет.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
</head>

<body>
<ul id="main_menu"> 
    <li><a href="#">Первый пункт меню</a></li>
    <li><a href="#">Второй пункт меню</a> 
      <ul> 
        <li><a href="#">Первый подпункт 2</a></li>
        <li><a href="#">Второй подпункт 2</a></li>
      </ul>
    </li> 
     <li><a href="#">Третий пункт меню</a> 
      <ul> 
        <li><a href="#">Первый подпункт 3</a></li>
        <li><a href="#">Второй подпункт 3</a></li>
      </ul>
    </li> 
    <li><a href="#">Четвертый пункт меню</a></li> 
  </ul>
</body>
</html>

Спустя 8 минут, 41 секунда (16.03.2010 - 21:49) waldicom написал(а):

Так php используется при составлении меню или все статичное (никогда не изменяется)?

Спустя 8 минут, 41 секунда (16.03.2010 - 21:58) Useguest123 написал(а):

Лучше, конечно, с php.
Я извиняюсь, что еще раз "тыкаю", но хотелось бы полный аналог с приведенного выше сайта. Ещё нужно, чтобы можно было без проблем добавить пункты меню в любой момент времени. Хочется автономный блок меню, вынесу его в отдельный файл php и буду подключать к нужным страницам.

Спустя 7 минут, 42 секунды (16.03.2010 - 22:06) waldicom написал(а):

Я понимаю, что хочется...
Тут или все и сразу и за деньги, или потихоньку, по маленьку, но сам...

Если второе, то можно посмотреть тут или тут
Если есть конкретные вопросы, что-то типа "не получается выбрать рекурсивно все категории", "не коннектится к базе", "не работает запрос" ... то здесь с удовольствием помогут.

Если первый вариант, то здесб найдутся люди, способные выполнить такую задачу

Спустя 8 минут, 59 секунд (16.03.2010 - 22:15) Useguest123 написал(а):

Спасибо, waldicom.

Если кто-то еще сможет помочь - буду признателен.

Быстрый ответ:

Здесь расположена полная версия этой страницы.