Помогите разобраться с меню

Хочу сделать меню под свои нужды. Но честно не знаю с чего взяться. Шаблон Synio
Выходит не совсем так как хочется.
Макет, Вопросы, Задачи, Ход событий под катом



Макет задуманного


Задачи
1) Сделать шапку плавающую. ( или как точнее говориться ФИКСИРОВАННОЕ)
2) Создать выпадающую меню с иконками
3) Разместить в основном меню Иконки

Сделал выпадающую меню на основе Еще+
<li class="nav-main-more"><a href="#" id="dropdown-mainmenu-trigger" onclick="return false">МЕНЮ</a></li>
		<ul class="dropdown-nav-main dropdown-menu" id="dropdown-mainmenu-menu">
    <li>
      <a href="ссылка1">Журнал</a>
    </li>
.....

Решение не очень приятное, кнопка Меню появляется не сразу


Вопросы.
Я честно не шарю.
1) Как поставить Иконки в меню ( основное). Тут читал. Но не понял в какой именно CSS делать записи. Пробовал в navs.css но что то не получилось
В шаблоне писал так:
<a href="/Сылка/" title="Каталог" class="katalog">Каталог</a>

В CSS писал так:
nav-main li.katalog {background:url ссылка) no-repeat;}

Как написано в теме. Картинки нет

2) Так и не понял как сделать фиксированное меню. Подскажите понятным языком куда вставлять jQuery код. И что еще для этого нужно.

3) По выпадающему меню буду читать тут

Наварить каши с кодом не хочу!

По этому спрашиваю: Фиксирование и выпадающее будут работать вместе? Я не встречал просто.
Как я понял в header_top.tpl стирается весь стандартный код и заменяться кодом меню?
Спасибо всем кто отклониться

Больше всего понравилось такое меню, но как его сделать не знаю. Если точнее основное меню сделать плававшим и вывести кнопку с выдвижным многоуровневым меню.

9 комментариев

avatar
Буду рад поддержки сообщества.
avatar
За «ну пожалуйста» никто даже попу не поднимет…
avatar
я не просил сделать! Я спрашиваю как правильней сделать
avatar
думаете большая разница между «сделать» и «как сделать»?
avatar
Смотря с какой стороны посмотреть! Походу вы правы.
Просить помочь сделать тут бесполезно. Ни кто не подскажет и отправят в сюда
avatar
боковое меню как на скриншоте проще сделать на offcanvas, а для этого нужен bootstrap, точнее нужен шаблон его поддерживающий. посмотрите например на developer-kit
avatar
Есть такой шаблон. Но для него кучу плагинов нужно адаптировать.
Про offcanvas не понял. Вы про фиксированное меню?
А что по такому меню скажешь? Удобное сплывающее-многоуровневое
avatar
Про offcanvas не понял.
уменьшите ширину окна браузера и увидите ссылку «toggle nav menu»
avatar
аа не это совсем не то! у меня стоит плгин симпл каталог, каталогов много очень по этому хотелось их сгруппировать в выдвижном много уровненном.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.