Создать шаблон. Кнопки.

создать шаблон Добрый день уважаемые читатели! Продолжаем наше знакомство с программой Artisteer,  позволяющей самостоятельно создать шаблон для сайта на Joomla, WordPress и ряда других движков. Нам осталось рассмотреть всего две последние вкладки программы. Вы уже определились с Цветом и шрифтом, создали Лист, создали Верхний колонтитул, разработали Меню и отражение Статьи и  Блоков. Что дальше? А дальше надо создать кнопки для будущего шаблона. Они у вас будут отражаться в анонсах статей, так нажав на кнопку читатель откроет полностью материал, в форме авториторизации на сайте, опросе и….. Наличие и расположение кнопок будет зависить от установленного вами различного дополнительного функцианала движка. Как вы наверно поняли, сегодня я буду рассказывать о вкладке «Кнопки» в программе Artisteer

создать шаблон

Итак, открыв вкладку «Кнопки» вы увидите что она состоит из двух небольших пунктов. Это Кнопки и Идея.

Как всегда в пункте Идея — Предложить кнопки разработчики программы предлагают нам на выбор несколько десятков вариантов отражения кнопок. Можно подобрать любую, но так как мы с Вами создаем свой собственный дизайн, то не думаю что можно будет найти  среди представленных вариантов желаемую. Поэтому я сразу перехожу в пункт Кнопки.

Для начала с помощью вот этого окна и нажатия на эту стрелочку выбираю форму кнопки

создать шаблон

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

Перед нами появляется окно настроек

создать шаблон

Параметр Горизонтальный отступ — позволяет настроить отступ по горизонтали текста кнопки от ее границы и тем самым создается ширина кнопки

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

Радиус скругления — позволяет изменить внешний вид кнопки, установив прямой или скругленный угол.

Ширина границы — здесь можно выбрав значение «0»  отказаться от границы кнопки или же установив необходимое значение вывести кнопку с границей.

К тому же данное окно позволяет установить Фон и Тень кнопки — здесь все настолько просто и элементарно понятно на интуиции, что я подробно не буду тут останавливаться.

После того как были поизведены изменения нажимаем «ОК»

Далее у нас на вкладке Кнопка расположена ссылка Граница

создать шаблон

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

Следующий пункт — «Текстура» , с помощью данного инструмента можно наложить на кнопку узор в виде текстуры или просто залить определенным цветом.

создать шаблон

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

Кроме узора на кнопку можно нанести и градиент, для этого достаточно зайти в пункт «Градиент» и остановить свой выбор на одном из пяти предложенных вариантов — классический, короткий, специальный, современный и светлый блик.

создать шаблон

Если вас не устраивает, что- то в отражение градиента, то можно изменить параметры отражение щелкнув по ссылке Настройка градиента в этом окне.

Далее идет пункт «Тень», с помощью этого инструмента можно добавить падающую от кнопки тень на шаблон.

создать шаблон

Нам предлагается на выбор три варианта — без тени, свечение и тень. Можно зайти в настройки и поменять угол наклона тени, ее прозрачность, контрастность.

Теперь с помощью пункта «Цвет заливки» нам придется решить одну не маловажную задачу: как будет отражаться кнопка в различных состояниях — в момент открытия сайта, когда к ней подвели курсор мышки и когда на нее кликнули

создать шаблон

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

создать шаблон

И последнее над чем  придется подумать во вкладке «Кнопки» — это отражение текста кнопки. С этой задачей поможет справиться пункт «Текст». Как и с заливкой кнопки нам предстоит подобрать цвет для трех состояний — при открытии сайта, при наводе курсора мыши, при нажатии.

создать шаблон

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

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

Ну вот на сегодня я завершу создавать шаблон. Осталось сделать еще пару шагов и шаблон для сайта в программе Artisteer  будет готов. Так что продолжение следует….

Всем удачи!

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

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