Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Помогите сделать выпадающее меню на сайте
Форумы портала PHP.SU » PHP » Программирование на PHP » Помогите сделать выпадающее меню на сайте

Страниц (1): [1]
 

1. Сергей 51 - 02 Февраля, 2016 - 00:19:09 - перейти к сообщению
Здравствуйте форумчане Хорошо
Помогите преобразовать обычное горизонтальное меню сайта в Выпадающее меню с 2 уровнями(Пример на фото)

Вот код уже имеющегося горизонтального меню:


CODE (htmlphp):
скопировать код в буфер обмена
  1. <div class="default" id="menu">
  2.                                                         <div class="container">
  3.                                                                 <a href="#999">Бытовые</a> <a href="#502">Промышленные</a> <a href="#503">Терморегуляторы</a> <a href="#504">Акции %</a>&nbsp;<a href="#505">Монтаж</a> <a href="#506">Отзывы (Видео)</a> <a href="#507">Контакты</a></div>
  4.                                                 </div>


Вот его стили:

CODE (htmlphp):
скопировать код в буфер обмена
  1. #menu {
  2.    height: 42px;
  3.     margin-top: -23px;
  4.     background: #027bb5; /* Old browsers */
  5.    background: -moz-linear-gradient(top,  #027bb5 0%, #015b9b 101%); /* FF3.6-15 */
  6.    background: -webkit-linear-gradient(top,  #027bb5 0%,#015b9b 101%); /* Chrome10-25,Safari5.1-6 */
  7.    background: linear-gradient(to bottom,  #027bb5 0%,#015b9b 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  8.    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#027bb5', endColorstr='#015b9b',GradientType=0 ); /* IE6-9 */
  9. }
  10. #menu .container {
  11.         width: 925px;
  12.         margin: 0 auto;
  13. }
  14. #menu a {
  15.         display: inline-block;
  16.     text-decoration: none;
  17.     padding: 10px 15px;
  18.     color: #fff;
  19.    font-size: 12.5pt;
  20. }
  21. #menu a:hover {
  22.         background: #161e84; /* Old browsers */
  23.         background: -moz-linear-gradient(top, #161e84 0%, #003056 101%); /* FF3.6-15 */
  24.         background: -webkit-linear-gradient(top, #161e84 0%,#003056 101%); /* Chrome10-25,Safari5.1-6 */
  25.         background: linear-gradient(to bottom, #161e84 0%,#003056 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  26.         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161e84', endColorstr='#003056',GradientType=0 ); /* IE6-9 */
  27.     border-radius: 7px;
  28. }


Помогите подправить его, и преобразовать в выпадающее меню с 2 уровнями.

Например:
Бытовые
пункт 1
пункт 2-->подпункт№1
пункт 3 подпункт№2


Дальше по примеру вашему уже сам его доделаю!


Буду благодарен за помощь! Улыбка Закатив глазки Подмигивание
2. Сергей 51 - 07 Февраля, 2016 - 01:07:08 - перейти к сообщению
Тему закрыть и удалить!

Вопрос решил!

 

Powered by ExBB FM 1.0 RC1