Jump to content
Sign in to follow this  
MonacCo

Активный пункт меню + строка поиска в гор. меню

Recommended Posts

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

 

<div id="menu">
  <ul>
    
<li><a href="#">Главная</a></li>
 <li><a href="index.php?route=information/information&information_id=4">О нас</a></li>
<li><a href="index.php?route=information/information&information_id=6">Оплата и Доставка</a></li>
<li><a href="index.php?route=information/information&information_id=3">Помощь</a></li>
<li><a href="index.php?route=information/contact">Контакты</a></li>
    
    
  </ul>

 

 

Все получилось как надо, но слетели настройки меню в активном состоянии (цвет бекграунда, текста и размер блока), т.е нажимаю "О нас", к примеру, меню выглядит без изменений (не выделяет пункт). Как сделать его активным, настройки сохранились лишь при наведении на пункт мышкой (на скрине как раз курсор над пунктом "Оплата и доставка"). Кто чем может, нигде не нашел адекватного решения. Если на форуме была тема, скиньте ссылочку, похожего не нашел.

 

И вопрос 2

 

Как закинуть строку поиска в горизонтальное меню, как на первом скрине?

post-688838-0-70914700-1415628664_thumb.jpg

post-688838-0-93393400-1415628665_thumb.jpg

Share this post


Link to post
Share on other sites

вон оно как.) Ну если там все так сложно, намекните хоть как сделать меню активным? Дальше сам буду копать. А на пяторочку я лучше модулек какой-нить прикуплю.)

Share this post


Link to post
Share on other sites

Как сделать? 2 пути. Php или Javascript. В обоих случаях: сравниваем адрес страницы со значением и если совпадает, задаем пункту меню стиль отображения.

 

Ну а про поиск - изучайте CSS

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.