• 0k
  • 0
Веб-дизайн \ 18 Сентябрь 2013

Сделай сам с Wix: уникальное навигационное меню

Сегодня мы хотим рассказать вам о малоизвестной среди пользователей Wix уловке – создании навигационного меню на основе разделенного изображения:

Эта весьма креативная альтернатива стандартному меню поможет разнообразить такие страницы сайта, как “Галерея работ” и “Услуги”, и подойдёт также для оформления навигации на главной  странице. Создать меню из разделённого изображения очень просто: для начала надо выбрать изображение, затем разделить его на 4 равные части, загрузить фрагменты изображения в галерею и добавить к каждому из них ссылку на желаемый раздел. Количество кнопок в меню может быть и больше четырёх, просто настройте галерею соответствующим образом.

Для разделения изображения на 4 равные части мы воспользуемся ресурсом Image Splitter. Нажмите на кнопку Upload Image для загрузки фотографии и введите число получаемых фрагментов в закладке Split Image (в данном случае – 2 x 2). Image Splitter скачает результат работы на ваш компьютер в архивированном формате zip.

Итак, приступим!

  • Загрузите изображение на сайт Image Splitter и разделите его на 4 части.
  • Откройте выбранный вами шаблон в редакторе Wix.

  • Подготовьте страницы, на которые собираетесь сделать ссылки с меню (достаточно создать страницу для получения ссылки, не обязательно оформлять её дизайн и содержание полностью).

  • Подготовьте страницу, на которую вы хотите добавить меню.
  • В меню слева нажмите Добавить > Галерея > Сетка.

  • В настройках галереи выберите соответствующее количество колонок и строк (в данном случае 2Х2)
  • Всё ещё в настройках галереи, в списке «Нажав на изображение» выберите вариант «Перейти на ссылку»

  • Нажмите на кнопку «Организовать фото» и загрузите четыре изображения (полученных в результате разделения на Image Splitter).

  • Подобно пазлу, организуйте фрагменты изображения в галерее для получения исходной картинки.

  • Добавьте заголовок и описание для каждого изображения.
  • В поле «Добавить ссылку» нажмите на кнопку «Страница» и подключите каждый фрагмент к соответствующей странице.

  • Окончив работу над настройками изображений, вы можете настроить стиль галереи по желанию – просто нажмите на кнопку «Изменить стиль».

Вот и всё! В результате мы получаем уникальный дизайн для страницы Галерея работ :)


Оставайтесь в курсе
новинок блога

Подпишитесь на блог и не пропустите ни одной статьи!

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Давайте дружить \ 

Подпишитесь на нашу рассылку и получайте
новые статьи блога прямо себе на почту.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email