Вибір мови

  • 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 рішення, актуальні уроки з фотошопу та графічного дизайну, рекомендації та приклади уроків по створенню гарних та оригінальних сайтів, або Ви хочете бути в курсі останніх новинок і трендів у веб розробці? Тоді Ви потрапили саме туди! Також не залишаться осторонь питання пов'язані з просуванням сайту в пошукових системах - СЕО та оптимізація. Розглянемо основні моменти якісного наповнення сайту - копірайтинг, веб-райтинг, неймінг ітп. Сподіваюся Вам сподобаєтся у нас;)

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

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

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

 

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

 

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

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

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

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

 

Мега меню з декількома стилями

 Мега меню з декількома стилями

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

 

Вертикальне меню з автоматичним скроллом

 Вертикальне меню з автоматичним скроллом

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

 

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

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

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

 

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

 

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

 

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

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

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

 

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

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

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

 

Стильне вертикальне бічне меню

 Стильне вертикальне бічне меню

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

 

Красиве меню акордеон

 Красиве меню акордеон

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

 

Стильне і яскраве вертикальне меню

 Стильне і яскраве вертикальне меню

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

 

Акордеон меню на JQuery

 Акордеон меню на JQuery

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

 

Мінімалістичне меню акордеон

 Мінімалістичне меню акордеон

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

 

Плаваючі HTML меню за допомогою jQuery і CSS

 Плаваючі HTML меню за допомогою jQuery і CSS

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

 

Меню акордеон на jQuery

 Меню акордеон на jQuery

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

 

Красиве меню за допомогою CSS3

 Красиве меню за допомогою CSS3

Демо

 

Вертикальне CSS меню

 Вертикальне CSS меню

Демо

 

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

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

Демо

 

Вертикальнеменю що настроюється на основі CSS

 Вертикальнеменю  що настроюється на основі CSS

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

 

Стильне і красиве вертикальне меню

 

Демо

 

Вертикальне меню з ефектами Hover з використанням CSS

 Вертикальне меню з ефектами Hover з використанням CSS

Демо

 

Вертикальне меню за допомогою CSS для соціальних медіа

 

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

 

Красиве вертикальне статичне меню на основі CSS і jQuery

 Красиве вертикальне статичне меню на основі CSS і jQuery

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

 

Дивне випадаюче меню за допомогою jQuery та CSS3

 Дивне випадаюче меню за допомогою jQuery та CSS3

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

 

jQuery вертикальне меню

 jQuery вертикальне меню

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

 

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

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

Демо

 

Вертикальне меню, що випадає в стилі мінімалізму

 Вертикальне меню, що випадає в стилі мінімалізму

Демо

 

Бічне вертикальне меню на основі CSS3

 Бічне вертикальне меню на основі CSS3

Демо

 

Вертикальне меню c допомогою CSS

 Вертикальне меню c допомогою CSS

Демо

 

Вертикальне просте CSS меню

 Вертикальне просте CSS меню

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

 

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

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

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

 

Дуже красива реалізація меню

 Дуже красива реалізація меню

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

 

Стильне кругове меню

 Стильне кругове меню

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

 

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

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

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

 

Слайд-меню на 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 Частина.
    Величезна підбірка різних шаблонів візиток на всі випадки життя! Далі...»

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

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

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

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

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

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

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

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

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

    Edge від Adobe. Перше знайомство.

    Edge від Adobe. Перше знайомство..
    Edge від Adobe - що це? Повноцінний інструмент або пародія на Flash? Які перспектівиу нього та що чекати в майбутньому. Все це розглянемо докладніше. Далі...»

    Створення візитки у темних тонах

    Створення візитки у темних тонах.
    Крок за кроком розглянемо приклад створення візитки за допомогою Adobe Photoshop Далі...»

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

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

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

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

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

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



Наш вибір:


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

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


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

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




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

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


pisture

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

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

СПІЛЬНОТА

КОНТАКТИ