Создать шаблон. Меню

Добрый день уважаемые читатели! Продолжаем рассматривать программу Artisteer, позволяющую без особых усилий создать шаблон для сайта или блога. В предыдущих статьях я постаралась максимально подробно познакомить вас с вкладками Фон, Макет, Верхний колонтитул, Лист. Сегодня же я предлагаю рассмотреть вкладку Меню. Данная вкладка позволяет сделать шаблон более привлекательным, а сайт более мобильным благодаря пунктам Меню.

Я не устаю повторять каждый раз, что любая вкладка программы Artisteer начинается с пункта Предложить идею. Вкладка Меню не стала исключением. Авторы программы заложи в набор огромное колличество различных вариантов отражения пункта Меню. Они позаботились не только о расположение, но и дизайне, отражение шрифта и многих других незначительных и привлекательных мелочах. Вам останется только выбрать.

А для самых требовательных или привиредливых, какой являюсь сама, предлагаю создать меню самостоятельно посредством инструментов вкладки Меню.

За пунктом Предложить идею следует пункт Стили меню, позволяющая настроить отражение горизонтальной панели меню, то есть настроить фому кнопок меню.

В пункте Стили меню есть пункт Стиль, который позволяет производить настройки более наглядно. Он содержит в себе несколько параметров и первым идет Форма.

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

Здесь вы можете выбрать квадратные кнопки меню, прямоугольные, овальные, со скошенными углами, с табиками и еще масса других вариантов, которые в дальнейшем можно будет откорректировать.

Следующим параметром пункта Стиль идет Внешний отступ

С помощью данного параметра можно устанавливать расстояние между кнопка меню в горизонтальной панели, а также устанавливается отступ между пунктами и хедером и нижней границей всего меню.

Если предложенные варианты отступа вас не устраивают то можно воспользоваться  окном Настройки отступа

В открывшемся диалоговом окне всего четыре параметра. С помощью параметра Макет можно указать расстояние между кнопками меню  и внешний отступ.

Параметр Область меню будет активна только после приминения пункта Область меню. Здесь поидеи вы можете использовать потом такие параметры как прозрачность , контрастность, отражение и угол отражения. Этими параметрами можно поиграть и получить достаточно интересные эффекты при использовании в качестве заливки области меню текстурой.

Параметр Элемент меню позволяет установить высоту и ширину пунктов меню в горизонтальной панели меню. Кроме этого у вас будет возможность установить произвольное скругление углов кнопок, и задать ширину границы пунктов меню. Остальные же параметры станут активными только после приминения текстуры к кнопкам меню.

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

Далее в пункте Стили следует параметр Выравнивание .

Этот пункт позволяет установить расположение пунктов меню в горизонтальной панели меню. Вы можете расположить кнопки строго слева, по центру или же строго справа. Все будет зависить от количества пунктов меню на вашем сайте.

Пункт Расстояние позволет установить расстояние между пунктами меню.

Авторы программы повторили это значение в Настройках отступа.

И последним параметром в пункте Стиль идет Разделитель.

Этот параметр позволяет декоративно оформить разделение между кнопками меню. И только от вас будет зависить его применение. Данный пункт позволит вам выбрать форму разделителя, но и его цвет.

Далее во вкладке Меню следует пункт Перекрашивание.

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

Изменяемый — то есть пункты будут менять свое цветовое оформление от состояния пассивный, активный.

Встроенный подразделяется на три варианта:
в первом случае у вас все  пункты меню отражаться  одинаково,независимо от состояния — активный или пассивный.

второй и третий вариант позволят вам создать кнопки более простого отражения.

то есть вот так будет отражаться ваше меню при открытии сайта, а если вы нажмете на  Menu Item в панели меню, то отражение поменяется на

Программа Artisteer позволяет создать пункты меню на различный вкус. Кроме всего прочего благодаря пункту Область меню вы можете создать свою уникальную панель для горизонтального меню.

Данный пункт позволяет создать оформление для панели, располагающей на себе пункты меню.

При оформление области меню вы можете использовать Текстуру, Градиент или же просто применить Заливку под общий цвет вашего сайта. Главное при создании пунктов меню и области меню не злоупотреблять эффектами. В шаблоне должно быть все гармонично.

Далее во вкладке Меню идет пункт Элемент меню.

Данный пункт позволяет заняться уже внешним видом самих кнопок горизонтального меню.

Сначала программа предлагает нам установить Размер кнопок меню.Если же из предложенных вариантов вам ничего не подошло , то нажав на Настройки размера, то перед вами откроется уже знакомое окно с настройками.  Здесь сразу можно установить ширину и высоту пунктов меню, радиус скругления углов,ширину границы.

Да и пункт Скругления уже мы редактировали в Настройках.И вот это повторение настроек для меня осталось загадкой.

Текстура — графически преображает пункты меню, количество предлагаемых текстур огромно. Здесь вам и растительные рисунки,и различные узоры, и клетка. Вообщем на любой вкус.

Градиент — так же вносит свои коррективы в оформление пуктов меню, здесь уже от вашего желания будет зависить делать или нет.

Вы можете одовременно применить оба этих параметра к оформлению пунктов меню.

Заливка — если вы не сторонник различных текстур, а предпочитаете минимализм в оформление , то этот пункт как раз для вас. Используя данный инструмент можно сделать пункты меню контрастными к общему оформлению шаблона.

Но какое бы оформление вы не выбрали обязательно пропишите какой цвет будет у пунктов в различных состояниях, то есть когда вы только открыли сайт, навели мышку или же посетили данный пункт. Все это можно указать в параметре Заливка, выбрав соответственно пункты Пассивный, Активный, Посещенный.

Далее следует пункт Граница, который позволяет оформить границы пунктов меню. Вы можете и не использовать границу, здесь все уже зависит от ваших предпочтений, но если вы решили ее применить то вам придется прописать цвета для границ в различных состояниях, то есть пассивном, активном и наведенном. Можно для всех трех состояний использовать один общий цвет.

Пункт Текст —  позволяет оформить названия пунктов меню. Предстоит выбрать цвет для различных состояний — для активного, пассивного и наведенного состояния. Кроме этого можно подобрать и другое семейство Шрифта, а также сменить Размер и Стиль начертания.

И последним пунктом во вкладке Меню идет пункт Элементы подменю. Проще говоря данный пункт отвечает за оформление выпадающих пунктов меню.

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

Пункт Элемент подменю состоит из трех основных параметров, это:

Уровни- здесь вы указываете будет у вас подменю или нет. Для этого вам предлагается навыбор два пункта —  Многоуровневое или Без меню.

Размер — настройка размера выпадающего меню, если в предложенных вариантах для вас нет подходящего размера, заходим в Настройки меню и устанавливаем необходимые значения. То есть самостоятельно указать необходимую ширину, высоту и установить при необходимости размер границы выпадающего меню.

При желании авторы программы предлагают вам использовать Градиент длы элементов выпадающего меню. Его настройки стандартные и я уже о них рассказывала .

Заливка, Граница и Текст — настраиваются аналогичным способом как и у Элемента меню и поэтому я не буду повторяться.

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

На этом я сегодня заканчиваю знакомить вас с созданием шаблона в программе Artisteer, но продолжение следует….

Если вы не хотите пропустить появление новых материалов на блоге «Seo записки отчаянной«, то предлагаю подписаться на обновления блога в удобной для вас форме.

Удачи!

Вам понравилась статья? Расскажите о ней друзьям!