Вибір мови

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

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

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

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

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

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

Частина третя - горизонтальні меню.

 

Чорне горизонтальне HTML і CSS меню, що випадає

 Чорне горизонтальне HTML і CSS меню, що випадає

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

 

Добірка стильних CSS меню

 Добірка стильних CSS меню

Демо   

Завантажити:

Abstract blue css web menu
White snowflakes css web menu
Black grunge css web menu
Yellow sparkles css web menu
Light blue css web menu
Green clouds css web menu
Red dots css web menu
Abstract orange css web menu

 

Яскраві та стильні HTML / CSS меню

 Яскраві та стильні HTML / CSS меню

Демо   

Завантажити:

Green stars CSS navigation
Purple CSS navigation
Orange halftone CSS navigation
Blue waves CSS navigation
Rainbow colors CSS navigation
Gray grunge CSS navigation
Yellow abstract CSS navigation
Blue abstract CSS navigation

 

Яскраві та стильні HTML / CSS меню

 Яскраві та стильні HTML / CSS меню

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

 

Стильний варіант слайд-меню

 Стильний варіант слайд-меню

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

 

Цікаве горизонтальне меню на Mootools

 Цікаве горизонтальне меню на Mootools

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

 

Класне jQuery меню з анімованим ефектом

 Класне jQuery меню з анімованим ефектом

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

 

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

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

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

 

Мінімалістичне зникаюче меню

 Мінімалістичне зникаюче меню

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

 

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

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

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

 

Елегантне меню з елементами що випадають

 Елегантне меню з елементами що випадають

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

 

Цікавий варіант меню на jQuery

 Цікавий варіант меню на jQuery

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

 

Мінімалістичне меню горизонтального типу на jQuery

 Мінімалістичне меню горизонтального типу на jQuery

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

 

Анімоване jQuery меню

 Анімоване jQuery меню

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

 

Анімоване мінімалістичне меню

 Анімоване мінімалістичне меню

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

 

Шикарний ефект для реалізації меню

 >Шикарний ефект для реалізації меню

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

 

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

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

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

 

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

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

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

Горизонтальне мега-меню на основі Ajax and jQuery

 Горизонтальне мега-меню на основі Ajax and jQuery

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

 

Стильне випадаюче jQuery & CSS ??горизонтальне меню

 Стильне випадаюче jQuery & CSS ??горизонтальне меню

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

 

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

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

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

 

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

 

Демо

 

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

 

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

 

Статичне меню на jQuery

 Статичне меню на jQuery

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

 

Універсальне випадаюче jQuery меню

 

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

 

jQuery горизонтальне багаторівневе меню, що випадає

 jQuery горизонтальне багаторівневе меню, що випадає

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

 

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

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

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

 

Стильне слайд-меню на jQuery

 Стильне слайд-меню на jQuery

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

 

JQuery мега-меню горизонтального типу в декількох варіантах

 JQuery мега-меню горизонтального типу в декількох варіантах

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

 

Google style меню

 Google style меню

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

 

Горизонтальне випадаюче JavaScript меню

 Горизонтальне випадаюче JavaScript меню

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

 

Многофункциональное XML меню с прокруткой

 Многофункциональное
XML меню с прокруткой

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

 

Jbar-горизонтальне випадаюче меню

 Jbar-горизонтальне випадаюче меню

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

 

Стильне анімоване горизонтальне JavaScript меню

 Стильне анімоване горизонтальне JavaScript меню

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

 

Горизонтальне випадаюче Java-меню

 

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

 

Ще одне горизонтальне випадаюче мега-меню

 

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

 

Дворівневе горизонтальне мега меню

 Дворівневе горизонтальне мега меню

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

 

Багаторівневе меню для інтернет магазину

 Багаторівневе меню для інтернет магазину

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

 

Анімоване слайд-меню на JavaScript

 Анімоване слайд-меню на JavaScript

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

 

Juiz горизонтальне багаторівневе меню

 Juiz горизонтальне багаторівневе меню

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

 

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

 

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

 

Горизонтальне CSS3 меню з випадають блоками

 Горизонтальне CSS3 меню з випадають блоками

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

 

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

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

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

 

Анімації фонового зображення за допомогою jQuery

 Анімації фонового зображення за допомогою jQuery

Демо

 

JQuery і CSS меню, що випадає

 JQuery і CSS меню, що випадає

Демо


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

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

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

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

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

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

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

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

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

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

    Фотобанки з безкоштовними фото, частина друга

    Фотобанки з безкоштовними фото, частина друга.
    Підбірка різних ресурсів присвячених фотографіям. Далі...»



Наш вибір:


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

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


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

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




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

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


pisture

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

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

СПІЛЬНОТА

КОНТАКТИ