Создать шаблон. Кнопки.
Добрый день уважаемые читатели! Продолжаем наше знакомство с программой Artisteer, позволяющей самостоятельно создать шаблон для сайта на Joomla, WordPress и ряда других движков. Нам осталось рассмотреть всего две последние вкладки программы. Вы уже определились с Цветом и шрифтом, создали Лист, создали Верхний колонтитул, разработали Меню и отражение Статьи и Блоков. Что дальше? А дальше надо создать кнопки для будущего шаблона. Они у вас будут отражаться в анонсах статей, так нажав на кнопку читатель откроет полностью материал, в форме авториторизации на сайте, опросе и….. Наличие и расположение кнопок будет зависить от установленного вами различного дополнительного функцианала движка. Как вы наверно поняли, сегодня я буду рассказывать о вкладке «Кнопки» в программе Artisteer
Итак, открыв вкладку «Кнопки» вы увидите что она состоит из двух небольших пунктов. Это Кнопки и Идея.
Как всегда в пункте Идея — Предложить кнопки разработчики программы предлагают нам на выбор несколько десятков вариантов отражения кнопок. Можно подобрать любую, но так как мы с Вами создаем свой собственный дизайн, то не думаю что можно будет найти среди представленных вариантов желаемую. Поэтому я сразу перехожу в пункт Кнопки.
Для начала с помощью вот этого окна и нажатия на эту стрелочку выбираю форму кнопки
Мне предлагается на выбор различная форма и отражение, то есть с тенью или без. По идеи это окно можно пропустить, так как в следующем пункте Форма нам предлагается на первом этапе так же выбрать форму кнопки и уже потом заняться основными настройками отражения, нажав на ссылку Настройка кнопки,в окне Форма.
Перед нами появляется окно настроек
Параметр Горизонтальный отступ — позволяет настроить отступ по горизонтали текста кнопки от ее границы и тем самым создается ширина кнопки
Параметр Вертикальный отступ — расстояние между текстом кнопки и верхней и нижней границей кнопки, с помощью данного значения устанавливается высота кнопки
Радиус скругления — позволяет изменить внешний вид кнопки, установив прямой или скругленный угол.
Ширина границы — здесь можно выбрав значение «0» отказаться от границы кнопки или же установив необходимое значение вывести кнопку с границей.
К тому же данное окно позволяет установить Фон и Тень кнопки — здесь все настолько просто и элементарно понятно на интуиции, что я подробно не буду тут останавливаться.
После того как были поизведены изменения нажимаем «ОК»
Далее у нас на вкладке Кнопка расположена ссылка Граница
Здесь нам повторно предлагается выбрать будет отражаться граница или нет, а зайдя в Настройки границы можно установить тень, прозрачность и контрастность границы.
Следующий пункт — «Текстура» , с помощью данного инструмента можно наложить на кнопку узор в виде текстуры или просто залить определенным цветом.
Авторы программы предлагают нам на выбор огромный выбор различных текстур — точечный шаблон, арнамент, стиль Grang, Jeans, горизонтальные и вертикальные полосы, природные рисунки и много другое — остается только все пробовать.
Кроме узора на кнопку можно нанести и градиент, для этого достаточно зайти в пункт «Градиент» и остановить свой выбор на одном из пяти предложенных вариантов — классический, короткий, специальный, современный и светлый блик.
Если вас не устраивает, что- то в отражение градиента, то можно изменить параметры отражение щелкнув по ссылке Настройка градиента в этом окне.
Далее идет пункт «Тень», с помощью этого инструмента можно добавить падающую от кнопки тень на шаблон.
Нам предлагается на выбор три варианта — без тени, свечение и тень. Можно зайти в настройки и поменять угол наклона тени, ее прозрачность, контрастность.
Теперь с помощью пункта «Цвет заливки» нам придется решить одну не маловажную задачу: как будет отражаться кнопка в различных состояниях — в момент открытия сайта, когда к ней подвели курсор мышки и когда на нее кликнули
Если мы выбираем кнопку с границей, то следующим нашим шагом должно стать определение цвета границы с помощью пункта «Цвет».Если же вы предпочли кнопку без оной то данная функция у вас будет не активна. Здесь также необходимо выбрать цвета границы по состоянию кнопки, то есть во время открытия сайта, при наведении на нее курсора мышки и при нажатии. Вам будет предложено выбрать цвет из палитры, из пользовательских цветов или подобрать цвет самостоятельно.
И последнее над чем придется подумать во вкладке «Кнопки» — это отражение текста кнопки. С этой задачей поможет справиться пункт «Текст». Как и с заливкой кнопки нам предстоит подобрать цвет для трех состояний — при открытии сайта, при наводе курсора мыши, при нажатии.
Но и это еще не все, нам так же предлагается выбрать шрифт, начертание и размер, а также и разбивку текста, то есть расстояние между символами.
Вот такая не простая кнопка получается у нас для шаблона. Необходимо учитывать столько мелочей, о которых даже и не подозреваешь. Только постарайтесь не переборщить создавая свою кнопку. Если у вас в шаблоне горизонтальное меню с текстурой, то выбирая текстуру для кнопки придерживайтесь сочетания.
Ну вот на сегодня я завершу создавать шаблон. Осталось сделать еще пару шагов и шаблон для сайта в программе Artisteer будет готов. Так что продолжение следует….
Всем удачи!
Если вы не желаете пропустить появление новых материалов на блоге «Seo записки отчаянной«, то предлагаю подписаться на обновления блога в удобной для вас форме.
Вам понравилась статья? Расскажите о ней друзьям!