Адаптивное меню для сайта
Время чтения: < 1 мин. 
Всем привет!
Сегодня хочу поделиться интересным решением для основного меню.Такой подход может стать альтернативой стандартному выпадающему меню.Кроме того оно уже адаптивно.
Смотреть примерСкачать
Похожие статьи на эту тему:
Добавляем HTML
HTML КОД
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <header>
<nav>
<ul>
<li><a href="#0">О нас</a></li>
<li><a href="#0">Проекты</a></li>
<li><a href="#0">Блог</a></li>
<li><a href="#0">Контакты</a></li>
<li>
<a href="#0"><span>Категории</span></a>
<ul>
<li><a href="#0">Меню</a></li>
<li><a href="#0">Категория 1</a></li>
<li><a href="#0">Категория 2</a></li>
<li><a href="#0">Категория 3</a></li>
<li><a href="#0">Категория 4</a></li>
<li><a href="#0">Категория 5</a></li>
<li><a href="#0">Placeholder</a></li>
</ul>
</li>
</ul> <!-- .cd-main-nav -->
</nav> <!-- .cd-main-nav-wrapper -->
<a href="#0">Menu<span></span></a>
</header> |
Вся навигации состоит из двух неупорядоченных списков. Названия разделов и категорий меню вы, соответственно, меняете на свои.
HTML КОД
1 | <a href="#0">Menu<span></span></a> |
Последняя строка отвечает за навигацию при маленьком разрешении экрана.
Добавляем CSS
Архив с примером содержит файл style.css.
В нем в разделе «Стили для меню» находятся все стили оформления меню в том числе и медиазапросы.
Вы можете скачать весь файл, или добавить стили только для самого меню. Если вы, скачали в свой проект весь
style.css, то не забудьте подключить его в свой html файл между тегами <head>.
1 | <link rel="stylesheet" href="css/style.css"> |
Добавляем JQuery
Из архива копируем папку js. И подключаем скрипты в наш html документ.
1 2 3 | <script src="js/modernizr.js"></script> <script src="js/jquery-2.1.1.js"></script> <script src="js/main.js"></script> |
Если в вашем проекте уже есть modernizr.js и jquery-2.1.1.js, то второй раз подключать их не нужно. Меню готово!
Также такой вариант навигации можно использовать для поиска по сайту, формы входа или для ссылок на соц.сети.
Всем удачи!
Источник: Оригинал
С Уважением, Михалев Валентин
Красивое выпадающее меню – несколько примеров меню для сайта
Всем привет, чет меня сегодня немножко понесло и я решил создать большую серию уроков: как создать красивое выпадающее меню для сайта.Поразмыслив, вдруг понял, что запихнуть такую большую тему в один или два урока не реально, по этому это будет начальная страница для всех постов о выпадающих меню.
Моя цель: собрать как можно больше вариантов создания выпадающих меню на этой странице.
В макетах будет использовано:
- Html
- CSS
- JavaScript / jQuery (в редких случаях)
Следите за обновлением страницы.
Для выбора нужного типа или шаблона меню, для сайта, воспользуйтесь навигацией по странице:
Горизонтальное выпадающее меню
к менюПожалуй, начнем мы с этой темы, ведь обычно в шапке сайта делают именно горизонтальное меню. Для начала поговорим о меню для сайта на чистом CSS + HTML.
Горизонтальное меню CSS
Ни для кого не секрет, что CSS 3 и HTML 5 шагнули далеко за границы своих предшественников. Например:
сегодня вам не нужно извращаться с вырезанием округленных уголков для меню, достаточно воспользоваться простым CSS свойством border-radius
хотя еще 5 — 10 лет назад резали мы картинки и собачили их как угодно :-).
Ладно, достаточно лирики. Главное, это тот факт, что современные браузеры поддерживают CSS 3 и HTML 5.
Горизонтальное выпадающее меню на css делается с помощью псевдокласса :hover. При чем ранее, браузеры навешивали это событие исключительно на тег <a> и <button>. Сегодня, можно смело использовать этот псевдокласс CSS практически для всех тегов.
Сам код выпадающего меню для сайта я сюда забрасывать не буду, покажу скины и демо просмотр, а также ссылку на скачивание примера.
Прочитать пост полностью, а также просмотреть исходный код можно в записи: горизонтальное выпадающее меню.
В этом посте вы найдете:
- Простое горизонтальное выпадающее меню.
- Горизонтальное выпадающее меню на всю ширину.
- Выпадающее меню с разделителями.
- Многоуровневое выпадающее меню.
Все примеры выпадающих меню построены на списках ul li, я принципиально не использую тег table, так как такое меню не будет универсальным для установки на сайт ВП.
Демо просмотр выпадающее меню для сайта
к менюНажав на картинку, вы можете просмотреть фото пример меню. Нажав на демо, можно посмотреть работу меню.
Простое горизонтальное выпадающее меню
Горизонтальное выпадающее меню на всю ширину
Выпадающее меню с разделителями
Многоуровневое выпадающее меню
Многоуровневое выпадающее меню с выпадашкой на всю ширину
Все выпадающее меню в примерах работающие, можете проверить их в демке. Более подробно по этой ссылке https://help-wp.ru/gorizontalnoe-vypadayushhee-menu/
Вертикальное выпадающее меню
к менюДалее я покажу вам как делается вертикальное выпадающее меню при наведении. Стили CSS по аналогии с горизонтальным меню, то есть основным элементов есть псевдокласс :hover, на его базе и будут построенные вертикальные меню для сайта с выпадашкой по наведению.
Основное описание по созданию таких меню для сайта находится по ссылке вертикальное выпадающее меню. Там вы найдете стили CSS для сайта, а также Html код.
Здесь вы сможете просмотреть меню в режиме демо, а также скачать готовые примеры меню. Смотрим ниже шаблоны выпадающих меню, в разных вариантах:
Вертикальное выпадающее меню вправо.
Вертикальное многоуровневое меню
Подробно можно прочесть по этой ссылке https://help-wp.ru/vertikalnoe-vypadayushhee-menu/
Вертикальное меню аккордеон на jQuery
к менюОдним из самых используемых видов меню, на русскоязычных сайтах, есть вертикальное меню аккордеон.
Кто не в курсе, — это меню раскрывается внутри блока при клике на родительский элемент без перехода по ссылке. Если кликнуть на следующий родительский элемент то предыдущий закроется, а новый будет открываться параллельно.
Предлагаю вам посмотреть 2 вида таких меню:
- без использования сложных стиле и фонов
- более красивый с фоновым изображением и картинками указателями.
Простое вертикальное меню аккордеон
Красивое меню для сайта аккордеон
Детальный код и описание этих меню смотрите по этой ссылке https://help-wp.ru/menu-akkordeon-on-click/
Добавить меню для сайта wordpress
к менюОбычно, я рассказываю в своих уроках о CMS WordPress, так как позиционирую себя как специалиста по Вордпресс. В этом уроке, также хотелось бы поговорить о выпадающих меню WP.
По сути, выпадающее меню wordpress ни чем не отличается от менюшек для остальных CMS, главное правильно вывести и добавить его.
Хотя, иногда бывают случаи, когда интегрировать html меню у WordPress это сплошной геморой.
Бывает приносят верстку, а там вот такой чудо хтмл код:
<ul> <li><a href="#"><span>Пункт </span><span>1</span></a></li> <li><a href="#"><span>Пункт </span><span>2</span></a></li> <li><span><span>Пункт </span><span>3</span></span></li> <li><a href="#"><span>Пункт </span><span>4</span></a></li> </ul>
Ну и как такое чудо, можно по человечески вставить в WP – по сути без переделки никак. Ну и начинается возня с заказчиком. Он же верстку в Равшана с Джамшутом заказал, так сказать бюджетный вариант на базе говнокода.
В этой записи можно посмотреть как правильно в wordpress добавить меню. Конкретно в этом посте нас интересует работа функции wordpress:
wp_nav_menu()
Все примеры выше, выпадающее меню на списках, идеально подходят для установки на wordpress.
Краткая инструкция выпадающее меню wordpress – установка
1) к менюНаходим подходящий для себя шаблон меню выше.
2) Скачиваем пример к себе на комп, разархивируем его.
3) На место, где будет выводится меню устанавливаем хтмл код, который отвечает за меню. Он начинается и заканчивается в моих примерах тегом <nav></nav> (тег и идентификатор обязательные для копирования, иначе стили не будут работать)
4) Если у примера есть javascript, его нужно подключить в ваш шаблон. Библиотеку jQuery подключать не нужно, так как она у WP подключается автоматически. Главное добавлять код после функции wp_head().
5) Стили из примера нужно скопировать у файл style.css вашей темы.
Стили для body и контейнера можно не копировать.
6) Для вывода меню используем функцию wp_nav_menu(), ее нужно вставить вместо хтмл который находится между <nav> и </nav>.
7) Меню для сайта нужно предварительно зарегистрировать в functions.php а также создать на сайте. Как это делается можно прочесть по ссылке: https://help-wp.ru/wordpress-menu/
На этом у меня все, в качестве спасибо можно поделиться ссылкой со своими друзьями в соц. сетях:
Следите за этим постом, по мере возможности, я буду добавлять сюда ссылки на новые шаблоны выпадающих меню.
Комментарии к записи «Красивое выпадающее меню – несколько примеров меню для сайта»:
help-wp.ru
30 фантастических примеров фиксированной навигации и меню в веб дизайне
Взглянув на навигацию на сайте на который Вы зашли сразу же можно увидеть, что данный сайт Вам предлагает, так же Вы можете узнать из навигации о чём этот сайт. И вообще, навигация это очень и очень важный элемент каждого сайта. И не всем дизайнерам удаётся её сделать удобной и интуитивно понятной, к сожалению.
Но всё же есть такие таланты, которые все таки нашли выход, вернее у них получилось сделать что то более новое и очень удобное в плане навигации по сайту. Речь идёт о фиксированном меню на сайтах. Но фиксированное меню бывает разное, оно может скрываться когда Вы прокручиваете страницу и появляться, когда Вы останавливаетесь или же прокручиваете страницу вверх. Всё это кажется мелочи, но, поверьте, это только так кажется, на самом деле всё куда сложнее.
В общем, я представляю Вам сегодня подборку сайтов в которых используется правильная фиксированная навигация. Я надеюсь, что этот пост Вас чему нибудь научит и откроет что то новое.
Огромное спасибо http://speckyboy.com И рекомендую:
wifeel.com
beloweb.ru
Сайты с интересным решением меню
Меню на сайте — вроде ничего сложного с первого взгляда, но как сделать так, чтобы меню отличало сайт, делало его особенным и в тоже время целиком соответствовало стилю всего сайта? Создать меню — несложно, а вот создать оригинальное интересное меню — не так то и просто. Даже небольшие элементы — подсветка, подчеркивание, стрелочки, обводка, меню с небольшими иконками, выпадающие разноцветное меню, меню с эффектом перелистывания, другое, делают сайт более интересным, интерактивным, предоставляют пользователю небольшой элемент игры и просто такое меню — приятно для работы с сайтом. Надеемся, что сайты с подборки подскажут вам новые идеи и решения.
1. Сайт Gnosh сразу же удивляет нас своим меню. Сначало — не знаешь, куда необходимо «нажимать», а потом привыкаешь, что все меню содержится в надписях — при наведении записи меню обводятся. При этом само меню раскидано по странице сайта.
2. Bern. Голубая подсветка при наведении, но главное то, что меню визуально служит как будто продолжением порваной кромки коробки — достаточно ярко и в тоже время абсолютно в стилистике всего сайта.
3. Racket — чрезвычайно креативная и необычная австралийская студия дизайна, специализирующаяся на неординарном визиальном и экологическом дизайне. На этом сайте можно застрять надолго, изучая каждую деталь интерфейса и то, куда та или другая надпись или картинка могут привести пользователя.
4. Яркая и удобная газета Южного Уельса This is South Wales. Сайт создан таким образом, чтобы максимально охватить как можно большую аудиторию с разными интересами. При этом сайт уельской газеты дает ощущение непринужденности, а не официальности серьезной газеты. Обратите внимание на визуализированное меню.
5. Интересное решение-презентация всех работ голландского агентства 75b
6. Cтудия Grafik. Работы представлены как плиточки. При этом при выборе каждой отельной рубрики (фотографии, веб, бренды), все работы «гаснут» и на экране остаются яркими только те, которые относятся к той или другой рубрике. Помимо этого существует еще и выпадающее меню вверху страницы сайта.
7. Оригинальная презентация магазина сумок Noonstyle. Меню чуть заметно в правой части сайта, зато на весь экран выводится фотография, которая как-будто имитирует текстуру изделья.
8. Интересный сайт студии Tisha creative , на котором как бы протекает обычная жизнь Лондона — меняется день и ночь, а меню для удобства пользователей подсвечивается белым.
9. Learnlakenona. Попутешествуйте по озеру, ведь это — настоящая карта со всеми надписями. Никогда не знаешь, что найдешь под очередным объектом на карте.
10. Alexbuga предлагает нам настоящее сложное технически меню. У пользователя создается впечатление, что он зашел не послушать музыку, а заглянул в настоящую аппаратную. Так и чешутся руки поклацать кнопки и потянуть все рычажки. На этом сайте даже можно самому сочинить музыку 😉
11. Campfirenyc. Меню на этом сайте можно рассматривать с разных ракурсов. Интересно, что само меню оформлено в виде характерного прямоугольника, который создает аллюзию с прямой речью, что часто используется в комиксах. Однако, это не главное. Самым интересным элементом сайта является реализация каждой из рубрик меню — рубрика открывается не вниз, и не на ширину всей страницы сайта, как стоило того ожидать, а вправо одновременно в две колонки.
12. Wearefellows — меню как будто выпадающее меню в левом верхнем углу, которое сначала совсем незаметно для пользователя. Этот сайт — подтверждение идеи, что минимализм нынче в моде — только черные и белые оттенки — ничего более. Стильно и эффектно.
13. Usu На сайте видим сразу несколько вариантов реализации меню — это и нетипичный белый шрифт в черных прямоугольниках, которые при наведении подсвечиваются красным, а также меню на сайте реализовано посредством приема доски объявлений — ненавязчиво и по-студентчески.
14. Добро пожаловать в бар Getraenke-kukral! Хотите воды, лимонада, пива или сока? Меню на этом сайте реализовано посредством использования больших иконок, которые олицетворяют тот или другой напиток. При наведении контур меню слегка подсвечивается темным цветом.
15. Typographica Меню этого сайта — типографические работы, но в придачу существует выпадающее меню с детальным описанием содержания всей рубрики. Интересно, что в развернутом виде можно открыть все рубрики одновременно.
16. Workatplay — меню сайта спрятано в верхнем левом угле страницы, но открывается при движении мышки в соответствующем направление. Кроме этого — красивое сочетание цветов — розовый шрифт на черном фоне.
17. Benhulse. Типичное плиточное меню. При этом каждая рубрика слегка подсвечивается при наведении. Просто и понятно.
18. Rednoseday Каждая рубрика при открытии перекрашивается в белый цвет, а по краю образовывается своеобразная строчка от шва — оригинально и стильно.
19. Molanphydesign Оранжевая еле заметная подсветка меню.
20. Синяя подсветка Fullyillustrated реализовуется одновременно в двух ракурсах — сверху страницы и снизу фотографии. Таким образом, обозначено, что каждый пример с галереи задается одновременно двумя рубриками (одной нижней и одной верхней).
21. Builtbybuffalo— Обратите внимания на обозначения активного меню оранжевой каплей.
22. Mariecatribs На активное меню указывают стрелочки.
23. Christophermeeks — меню представлено в виде иконок. Интересный вариант реализации для персонального сайта.
24. Carbonmade . Еще один вариант интеграции меню с иконками — оригинально и забавно.
25. Richbrown Меню служат темные квадраты, которые анонсируют работу, которые будут представлены в следующих светло-серых квадратах.
26. Danwiersema. Меню по правой стороне реализовано не без участия иконок.
27. Creativespark. Черно-желтый сайт, и меню подсвечивается соответственно. Кроме того, не забудьте клацнуть на надписи на рисунках.
28. Jacoblee Активное меню указывается небольшой стрелкой-треугольником. Аллюзия стрелки к типичной клавиши «проигрывать».
29. Hardgraft Меню этого сайта представлено на фоте геометрической фигуры в виде клапана сумки или кошелька.
30. Resoluut. Меню создано с эффектом подкрутки. При этом, название рубрики не меняется.
Автор — Дежурка
Комментарии
Оставить ответ
Похожие статьи
Случайные статьи
www.dejurka.ru
Примеры дизайна меню сайтов | Блог | Разработка и дизайн сайтов и мобильных приложений
Навигация — важный элемент дизайна, который помогает пользователю быстро получать доступ к нужным ему частям сайта. В этой статье мы расскажем, почему планирование навигации заслуживает особого внимания, и продемонстрируем лучшие дизайны меню сайта.
Попав на сайт впервые, пользователь не обязательно видит вашу начальную страницу. Он мог прийти по поисковому запросу или кликнуть ссылку на товар или статью в социальной сети. Поэтому на всех страницах сайта должна присутствовать навигация, которая позволит посетителям узнать о существовании других потенциально интересных им разделов. Например, любой сайт электронной коммерции должен содержать информацию об условиях оплаты и доставки.
Хороший веб-сайт не может обойтись без навигации по следующим причинам:
- Она помогает понять, чему посвящен сайт, не просматривая все страницы.
- Благодаря навигации сайт выглядит логичным и упорядоченным, повышается его юзабилити.
- Навигация призывает пользователя задержаться, чтобы изучить другие разделы.
- Хорошая навигация полезна для SEO, потому что помогает поисковым роботам индексировать содержимое сайта.
Мы разделили отобранные примеры дизайна меню на три группы: горизонтальные, вертикальные и раскрывающиеся (выпадающие). Однако на сайте можно одновременно использовать и несколько видов меню — все зависит от того, насколько разветвленная у него структура.
Горизонтальное меню
Горизонтальное меню подходит для сайтов с небольшим количеством разделов, а также одноколоночных сайтов. Обычно оно располагается под или над шапкой. Вот несколько вариантов дизайна такого меню:
В виде вкладок:
В виде ссылок с тем или иным оформлением:
С использованием иконок:
При этом с точки зрения юзабилити важно выделить текущий раздел в меню, чтобы пользователь понимал, в какой части сайта он сейчас находится:
То же самое касается пункта, на который наведен курсор. В этом примере он на Notes:
Если сайт достаточно длинный, горизонтальное меню можно зафиксировать, чтобы оно не прокручивалось:
Недостаток горизонтальных меню состоит в том, что количество ссылок, которые можно в них добавить, ограничено. Поэтому сайты со сложной структурой используют либо раскрывающиеся меню, либо разделяют разные уровни навигации на два меню. Например, на этом сайте используется и раскрывающееся меню-гамбургер, и второе горизонтально меню (оно выполнено в виде вкладок Magazine, Popular и Recommended):
А здесь присутствуют два горизонтальных меню, причем «раскрывается» только один из подпунктов верхнего меню — последний. Это не случайно, ведь больше всего внимания привлекают первые и последние пункты, Features и Resources:
А вот пример одновременного использования горизонтального и вертикального меню:
Вертикальное меню
Соотношение сторон у современных мониторов таково, что ширина значительно больше высоты. Разместив меню сбоку, мы освобождаем пространство для контента вверху страницы. При этом вертикальная навигация обычно располагается слева, поскольку так она лучше воспринимается носителями языков с письмом слева на право.
В отличие от горизонтального меню, дизайн вертикального меню сайта не так часто выполняется в виде вкладок:
Но зато здесь гораздо чаще используется группирование ссылок:
Использование иконок также распространено. Кроме того, иногда вертикальное меню можно минимизировать и отображать только иконки:
Из-за того, что вертикальные меню могут вместить большое количество ссылок, иногда они разрастаются просто до гигантских размеров. В таких случаях следует задуматься над тем, чтобы использовать раскрывающееся вертикальное или горизонтальное меню.
Раскрывающееся меню
Раскрывающиеся меню подходят для сайтов с разветвленной структурой: магазинов с широким ассортиментом и большим количеством групп товаров. Они помогают скрыть подразделы и не захламлять пространство сайта:
Частный случай раскрывающегося меню — это меню-гамбургер, которое теперь используют не только на мобильных, но и на настольных версиях сайтов. В нем может прятаться несколько пунктов:
Или же полный набор разделов и подразделов:
В примере выше используется много свободного пространства, чтобы облегчить восприятие большого количества ссылок.
Недостаток такого типа меню — незаметность, поэтому в нем размещают второстепенные данные. При этом дизайнер должен позаботиться о том, чтобы пользователю было понятно, что перед ним именно меню:
А в случае с комбинированными типами меню потребуется решить, какие части меню будут раскрываться и содержать в себе дополнительные подразделы:
В больших раскрывающихся меню можно использовать графические элементы, которые помогу направить внимание пользователя. Пример использование изображений в горизонтальном меню:
В вертикальном меню:
Упоминания также заслуживает инновационный дизайн для меню сайтов, который пока еще не получил широкого распространения, но вызывает интерес. Например, элементы навигации на сайте компании Unlabel расположены по все четыре стороны от основного содержимого страницы:
Такой вариант навигации неудобно использовать на экране ПК или ноутбука, поскольку для перехода по разделам пользователю придется совершать слишком много движений рукой с мышкой, но это уникальное меню подойдет для мобильных устройств:
Идея выезжающего меню интересно реализована в теме Wordie для WordPress:
На сайте веб-приложения Issuefly реализована возможность переключаться между уже посещенными разделами, как если бы они были открытыми окнами в операционной системе, используя меню-гамбургер:
Надеемся, что примеры дизайна меню из этой статьи помогут вам понять, как улучшить навигацию на сайте.
Мы, студия stfalcon.com, разрабатываем дизайны с удобной и функциональной навигацией и будем рады создать веб-сайт или приложение для вашего бизнеса.
Об авторе
Дизайнер
Олег работал в студии в 2011-2016 годах и за это время успел поучаствовать во множестве проектов в качестве UI/UX дизайнера.
stfalcon.com
10 примеров меню для web страниц / Habr
Эти способы не являются ноу-хау или чем-то в этом духе. Тем не менее, они могут помочь начинающим дизайнерам и web технологам в реализации задуманных ими идей. Каждый из предложенных вариантов можно обыграть по-своему.Проверял лично и убедился в том, что исправно работает под следующими браузерами:
IE7+, Opera 10.5+, FF 3.6+, Chrome 12+ (linux), Chrome 13+ (windows), Safari 5+(win) исходя из личного опыта, предполагаю о том, что работать исправно будет во всех свежих версиях Safari, FireFox, Opera и Chrome.
С помощью CSS можно построить вот такие вот симпатичные варианты:
Перейти к Demo
Перейти к Demo
Перейти к Demo
Перейти к Demo
Перейти к Demo
А с помощью jQuery вот такие:
Перейти к Demo
Перейти к Demo
Перейти к Demo
Перейти к Demo
Перейти к Demo
UPD:
Спасибо за участие всем, особенно
ilyafd который любезно поделился ссылками:
Меню, тренды и примеры от smashingmagazine.com
Необычная навигация в дизайне сайта от womtec.ru
35+ примеров навигации от tripwiremagazine.com
habr.com
Готовое решение – Красивое горизонтальное меню для сайтов (16 шт.)
Всем привет!
Эта статья будет полезна для тех, кто плохо знает основ HTML и CSS, но очень нужно горизонтальное меню для сайта.
В интернете нашел массу готовых вариантов, где вам не нужно будет замарачиватся, так как все готово для использования.
Для удобства, я разместил у себя на блоге готовые решения.
Качайте, ставьте!
Но минус в использовании этих меню заключается в том, что эти менюшки будут стандартные и не уникальны, так как многие уже их используют. Если вы захотите сделать какие-то изменение в файле, вам все равно придётся столкнуться с HTML и CSS.
Если вы хотите что-то оригинальненькое, тогда, пишите мне, сделаю, естественно за оплату 
1. Темно синее горизонтальное CSS меню.
[СКАЧАТЬ]
2 Красивое горизонтальное зеленое меню
[СКАЧАТЬ]
3 Красивое горизонтальное меню
[СКАЧАТЬ]
4. Черное глянцевое меню
[СКАЧАТЬ]
5. Округлое голубое меню
[СКАЧАТЬ]
6. Разноцветное меню с эффектом разгибания уголка
[СКАЧАТЬ]
7. Красивое меню, как словесный пузырь в комиксах
[СКАЧАТЬ]
8. Красивое меню с узорами
[СКАЧАТЬ]
9. Красивое коричневое меню закругленными углами
[СКАЧАТЬ]
10. Горизонтальное меню с зеркальным отражением
[СКАЧАТЬ]
11 Простое меню
[СКАЧАТЬ]
12 Горизонтальное меню с красивым фоном
[СКАЧАТЬ]
13 Красивое горизонтальное меню
[СКАЧАТЬ]
14. Светлое меню с оранжевыми активными пунктами
[СКАЧАТЬ]
15. Коричневое горизонтальное меню
[СКАЧАТЬ]
16. Черное глянцевое меню с зеркальным отражением
[СКАЧАТЬ]
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Похожие статьи
Популярные статьи:
Добавить комментарий
Метки: Вебмастеру, для сайта
bloggood.ru