Вибір мови

  • NARDOdesign
  • NARDOdesign
  • NARDOdesign

NARDOdesign NARDOdesign NARDOdesign NARDOdesign NARDOdesign

  • В допомогу вебмайстру

    | ЛІКНЕП |

    В допомогу вебмайстру

    У даному розділі представлені статті, що розкривають основні моменти роботи вебмайстра з сайтом, а також базові моменти при розробці сайтів

  • Корисні веб-ресурси

    | ЗАКЛАДКИ |

    Корисні веб-ресурси

    Огляд корисних вебресурсів для розробника та вебмайстра різної тематики

  • Уроки та майстер-класи з розробки

    | ТУТОРІАЛИ |

    Уроки та майстер-класи з розробки

    Уроки з розробки сайтів, уроки фотошоп, графічні темплейти від «NARDOdesign»

  • Шаблони HTML та CSS

    | ТЕМПЛЕЙТИ |

    Шаблони HTML та CSS

    Різні шаблони HTML, CSS, веб-верстка від «NARDOdesign»

  • JQuery, JavaScript, Mootools

    | JAVASCRIPT |

    JQuery, JavaScript, Mootools

    Різні JavaScript рішення, що містять найпопулярніші бібліотеки на основі jQuery, Mootools, HTML5 та CSS

  • Графіка та дизайн

    | ГРАФІКА |

    Графіка та дизайн

    Уроки фотошоп, графічні темплейти, зображення, іконки, векторні та растрові файли, PSD, пензлі та багато іншого

  • Просування та оптимізація сайтів

    | СЕО |

    Просування та оптимізація сайтів

    Уроки з основ просування та оптимізації сайтів, просування сайтів, виведення у топ, підтримка позицій, SEO від «NARDOdesign»

  • Всяка всячина

    | ОФТОП |

    Всяка всячина

    Статті не пов'язаних з основною тематикою мого блогу

Next
  • В допомогу вебмайстру
  • Корисні веб-ресурси
  • Уроки та майстер-класи з розробки
  • Шаблони HTML та CSS
  • JQuery, JavaScript, Mootools
  • Графіка та дизайн
  • Просування та оптимізація сайтів
  • Всяка всячина
Previous

“Ми зробили кнопки на екрані настільки гарними, що ви будете прагнути їх облизувати.”
Steve Jobs, Chairman and CEO Apple Inc.

NARDOdesign - просто та доступно про веб розробку від А до Я

Якщо Вас цікавлять якісні та нові HTML, CSS темплейти, унікальні та свіжі JavaScript рішення, актуальні уроки з фотошопу та графічного дизайну, рекомендації та приклади уроків по створенню гарних та оригінальних сайтів, або Ви хочете бути в курсі останніх новинок і трендів у веб розробці? Тоді Ви потрапили саме туди! Також не залишаться осторонь питання пов'язані з просуванням сайту в пошукових системах - СЕО та оптимізація. Розглянемо основні моменти якісного наповнення сайту - копірайтинг, веб-райтинг, неймінг ітп. Сподіваюся Вам сподобаєтся у нас;)

Добірка різних менюшек. 5 частина - вертикальні меню

23.12.2012 в 13:10 | NARDO | Теги: jQuery меню, CSS меню, Javascript меню, menu, меню, горизонтальні меню

Театр починається з вішалки - так заведено казати. Для більшості користувачів мережі думка про зручність та юзабіліті сайту зав'язана не тільки на його дизайні та зовнішній привабливості. Велике значення має зручна навігація. Дуже часто у гонитві за дизайном молоді і не дуже веб-дизайнери намагаються винайти велосипед створюючи громіздкі та нісенітні менюшки, які може бути, і несуть естетику в маси, але зовсім не призначені для швидкої та зрозумілої подорожі теренами сайту. У підсумку клієнт такого сайту часто не може з першого разу знайти те, що саме йому потрібно, це веде до роздратування, не сприймання сайту - алеж на початку задачу планували рівно протилежну. Тому моє гасло - не перемудрили! Намагайтеся меню робити таке, аби клієнт з першого погляду міг визначитися у який розділ йому потрібно. Дотримуйтесь логіки при створенні розділів та по можливості створюйте менше вкладених списків - середньостатистичний юзер не шукає головоломки у мережі, він хоче бачити і розуміти все та відразу.

 

Пропоную Вашій увазі добірку різних менюшек, дивлячись на них, можливо Ви почерпнете щось корисне для Вас.

 

Мега підбірка різних менюшек на будь-який смак. Частина п'ята - вертикальні меню.

Деревоподібне меню що імітує файлову систему

 Деревоподібне меню що імітує файлову систему

Демо | Завантажити

 

Прикольна вертикальна менюшка що розкривається

 Прикольна вертикальна менюшка що розкривається

Демо | Завантажити

 

Професійне вертикальне меню

 Професійне вертикальне меню

Демо

 

Вертикальне випадаюче статичне меню

 Вертикальне випадаюче статичне меню

Также в наличии горизонтальная версия

Демо вертикальное |  Демо горизонтальное |  Завантажити

 

Вертикальне різнобарвне меню-акордеон

 Вертикальне різнобарвне меню-акордеон

Демо | Завантажити

 

jQuery випадаюче меню вертикального типу

 jQuery випадаюче меню вертикального типу

Демо |  Завантажити

 

Темне навігаційне меню на основі CSS3

 Темне навігаційне меню на основі CSS3

Демо | Завантажити

 

Вертикальне меню в стилі акордеон

 Вертикальне меню в стилі акордеон

Демо | Завантажити

 

Мультирівневе меню

 Мультирівневе меню

Демо | Завантажити

 

Дуже красиве кругове меню

 Дуже красиве кругове меню

Демо | Завантажити

 

Вертикальне прокручувати меню

 Вертикальне прокручувати меню

 Демо | Завантажити

 

Вертикальне меню з прокруткою на движку Slider Kit

 Вертикальне меню з прокруткою на движку Slider Kit

Демо | Завантажити

 

Статичне меню з виїжджаючими елементами

 Статичне меню з виїжджаючими елементами

Демо |  Завантажити

 

Величезне вертикальне мега-меню

 Величезне вертикальне мега-меню

Демо | Завантажити

 

Добірка вертикальних багаторівневих меню на jQuery

 Добірка вертикальних багаторівневих меню на jQuery

Демо | Завантажити

 

Ще один варіант вертикального меню

 Ще один варіант вертикального меню

Демо |  Завантажити

 

Статичне випадаюче вертикальне меню

 Статичне випадаюче вертикальне меню

Демо | Завантажити

 

Вертикальне стильне мега-меню з випадаютчими елементами

 Вертикальне стильне мега-меню з випадаютчими елементами

Демо | Завантажити

 

JQuery мульти рівневе акордеон меню

 JQuery мульти рівневе акордеон меню

Демо | Завантажити

 

Вертикальне меню-акордеон на jQuery

 Вертикальне меню-акордеон на jQuery

Демо |  Завантажити

 

Горизонтальне jQuery анімоване меню

 Горизонтальне jQuery анімоване меню

Демо |  Завантажити

 

Оригінальне вертикальне jQuery CSS3 меню що розмивається

 Оригінальне вертикальне jQuery CSS3 меню що розмивається

Демо | Завантажити

 

Вертикальне оригінальне анімоване меню

 Вертикальне оригінальне анімоване меню

Демо | Завантажити

 

Красива можливість створити кругове меню

 Красива можливість створити кругове меню

Демо  | Завантажити

 

Меню на jQuery CSS3 з ефектом розмиття

 Меню на jQuery CSS3 з ефектом розмиття

Демо | Завантажити

 

Вертикальне слайд меню на JavaScript

 Вертикальне слайд меню на JavaScript

Демо | Завантажити

 

Анімоване меню зі слайдами

 Анімоване меню зі слайдами

Демо | Завантажити

 

Вертикальне меню акордеон на JavaScript

 Вертикальне меню акордеон на JavaScript

Демо | Завантажити

 

Інтерактивне меню на jQuery

 Інтерактивне меню на jQuery

Демо |  Завантажити


comments powered by Disqus


КАТЕГОРІЇ

В допомогу вебмайстру

В допомогу вебмайстру.
У даному розділі представлені статті, що розкривають основні моменти роботи вебмайстра з сайтом, а також базові моменти при розробці сайтів.

Корисні веб-ресурси

Корисні веб-ресурси.
Огляд корисних вебресурсів для розробника та вебмайстра різної тематики

Уроки та майстер-класи з розробки

Уроки та майстер-класи з розробки.
Уроки з розробки сайтів, уроки фотошоп, графічні темплейти від «NARDOdesign»

Шаблони HTML та CSS

Шаблони HTML та CSS.
Різні шаблони HTML, CSS, веб-верстка від «NARDOdesign»

JQuery, JavaScript, Mootools

JQuery, JavaScript, Mootools.
Різні JavaScript рішення, що містять найпопулярніші бібліотеки на основі jQuery, Mootools, HTML5 та CSS.

Графіка та дизайн

Графіка та дизайн.
Уроки фотошоп, графічні темплейти, зображення, іконки, векторні та растрові файли, PSD, пензлі та багато іншого.

Просування та оптимізація сайтів

Просування та оптимізація сайтів.
Уроки з основ просування та оптимізації сайтів, просування сайтів, виведення у топ, підтримка позицій, SEO від «NARDOdesign»

Всяка всячина

Всяка всячина.
Статті не пов'язаних з основною тематикою мого блогу.



ПОПУЛЯРНЕ

    Підбірка класних шаблонів візитних карток. 3 Частина

    Підбірка класних шаблонів візитних карток. 3 Частина.
    Величезна підбірка різних шаблонів візиток на всі випадки життя! Далі...»

    Підбірка класних шаблонів візитних карток. 1 Частина

    Підбірка класних шаблонів візитних карток. 1 Частина.
    Величезна підбірка різних шаблонів візиток на всі випадки життя! Далі...»

    Добірка класних шаблонів візитних карток. 6 Частина

    Добірка класних шаблонів візитних карток. 6 Частина.
    Величезна добірка різних шаблонів візиток на всі випадки життя! Далі...»

    Добірка класних шаблонів візитних карток. 5 Частина

    Добірка класних шаблонів візитних карток. 5 Частина.
    Величезна добірка різних шаблонів візиток на всі випадки життя! Далі...»

    Підбірка класних шаблонів візитних карток. 4 Частина

    Підбірка класних шаблонів візитних карток. 4 Частина.
    Величезна підбірка різних шаблонів візиток на всі випадки життя! Далі...»

ВИПАДКОВІ НОТАТКИ

    Добірка різних менюшек. 1 частина - горизонтальні меню

    Добірка різних менюшек. 1 частина - горизонтальні меню.
    Пропоную Вашій увазі мега-добірку різних меню на будь-який смак - тут є з чого вибрати! Далі...»

    Встановлення та налаштування SimpleGallery для MODx EVO

    Встановлення та налаштування SimpleGallery для MODx EVO.
    Покрокове встановлення та налаштування SimpleGallery для MODx EVO Далі...»

    Добірка різних менюшек. 5 частина - вертикальні меню

    Добірка різних менюшек. 5 частина - вертикальні меню.
    Пропоную Вашій увазі п'яту частину мега-збірки різних меню на будь-який смак - тут є з чого вибрати! Далі...»

    Чого очі не бачать, того серцю не жаль - методи та можливості видалення акаунтів з онлайн сервісів.

    Чого очі не бачать, того серцю не жаль - методи та можливості видалення акаунтів з онлайн сервісів..
    Ви хочете видалити свій аккаунт з різних онлайн сервісів, але не знаєте як? Більшість сервісів свідомо роблять цю процедуру досить заплутаною для зменшення кількості віддалених користувачів. У цій статті ми поговоримо про основні служби які збирають персональну інформацію користувачів, а також про методи видалення акаунтів з цих ресурсів. Далі...»

    Добірка різних слайдерів. Частина 4

    Добірка різних слайдерів. Частина 4.
    Пропоную до вашої уваги четверту частину добірки слайдерів на будь-який смак. Усі слайдери надані у статті як мінімум умовно безкоштовні і доступні для завантаження. Сподіваюся ви знайдете щось для себе нове! Далі...»



Наш вибір:


Послуги хостингу, сервера

Послуги хостингу, сервера


Доменні імена в Україні

Доменні імена в Україні




Доменні імена у світі

Доменні імена у світі


pisture

Школа веб-розробки від NARDOdesignblog

Доступно та просто, все про веб-розробку від А до Я

СПІЛЬНОТА

КОНТАКТИ