Оформляю кнопки за допомогою програми artisteer 2

Кнопки в програмі Artisteer 2 створюються за допомогою вкладки "Кнопки", вона не дуже велика.

Оформляю кнопки за допомогою програми artisteer 2

Обираю варіант кнопки і він відразу ж видно на заготівлі шаблону у вікні програми Artisteer 2

Зараз я реалізував варіант першої колонки з лева, 5 рядок, перша кнопка в ряду. Але це все легко - вибрали варіант, що сподобався, все за замовчуванням встановилося, все властивості теж за замовчуванням застосувались. Все просто, але не оригінально.

Для більш ретельної настройки зовнішності кнопку слід використовувати наступну можливість вкладки "Кнопки" - це "Форма".

Оформляю кнопки за допомогою програми artisteer 2

Начебто теж, що і перед цим було, той же список, що випадає, ті ж варіанти. Але слід звернути увагу на розташований пункт Налаштування форми

Оформляю кнопки за допомогою програми artisteer 2

Ось за допомогою цієї панельки можу вже більш точно вказати і горизонтальний і вертикальний відступи. Цими можливостями можу редагувати довжину і ширину кнопочки. Але тут один нюанс. Якої довжини текст планується використовувати замість горезвісного Read more ... "". Адже мій сайт буде російською, так що по мінімуму буде написано "Читати далі", "Більш докладно", "читати всю статтю", "тут прописується оригінальний текст для кожної статті".

Радіус округлення обов'язковий для мене, тому що не люблю гострокутих кнопок, роблю 60 - 70%, ширина ж кордону - це облямівка по всьому периметру кнопки. Я не люблю кордонів, аж надто вони випинаються, виглядають якось акцентовано, привертають зайву увагу і не прикрашають - тому роблю 0 - 1 px.

У розділі фон можу тільки вказати контрастність градієнта.

Всі інші властивості не активні.

Якщо чесно не люблю встановлювати тінь ніде. Вона не сильно прикрашає сайт, тільки нагромаджує код шаблону. Тут перше потрібно встановити розмір в 1 - 2 рх, а потім використовую 3 наступні опції її оформити. Можу встановити ступінь видимості тіні на шаблоні, буде більш темним відображатися тінь або злегка видима тінь.

Встановити відступ від самої кнопки і ширину тіні. І остання можливість - розташування тіні щодо кнопки.

Як приклад, наведу цей скрін.

Оформляю кнопки за допомогою програми artisteer 2

Не дуже правда, але і менш екстремальне оформлення теж не рулить.

Тепер зупинюся на цих семи кнопочках

Кордон і тінь - саме це перегукується попереднім опціями, що були доступні в опціях "Форми". Встановлює кордон навколо створеної кнопки і тінь, теж навколо кнопки.

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

Оформляю кнопки за допомогою програми artisteer 2

З налаштувань можу задіяти тільки контрастність. У вигляді текстури можу завантажити файл зі своєю створеної текстурою.

Кнопочка "Колір" - виконати кольорове оформлення кордону кнопки, але потрібно в попередніх опціях встановити ширину кордону від 1 рх. Але це ще не все, я можу в палітрі кольорів вибрати кілька варіантів. Колір кордону кнопки, що буде розміщуватися на сайті. Потім колір може змінюватися, коли я наведу курсором на кнопку. І третій варіант - коли я натисну на кнопку, колір кордону теж може бути іншим. Я в палітрі кольорів можу змінити і вибрати для кожного з трьох варіантів різні кольори.

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

Оформляю кнопки за допомогою програми artisteer 2

Тут ті ж 3 варіанти. Підбираю колір кнопки з палітри кольорів і встановлюю в шаблон.

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

Оформляю кнопки за допомогою програми artisteer 2

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

Це і розумно. Адже якщо вибрати різні розміри шрифтів, то при банальному натисканні, кнопку буде просто вивертати, то зменшувати її розмір, то відразу ж збільшувати, або навпаки. Але ж функція кнопки - просто викликати наступну сторінку без зайвого навантаження на сервер і тимчасової затримки для виконання коду браузером.

Олексій, якщо Ви створили кнопку, продовжувати створювати шаблон далі. Кнопку НЕ ТРЕБА РОЗМІЩУЙТЕ НА СТОРІНЦІ САЙТУ, вона потім сама з'явиться де це потрібно. Врахуйте створена кнопку буде генеруватися замість тега. в різних модулях де передбачено наявність кнопки (опитування, новини тощо).

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

lediseo, можу Вас запевнити, що на моєму сайті кнопка замість тегу не з'являється. Я включила в натройкі теми в адмінці - автоматично генерувати excerpts, після цього анонс завершується зовсім непривабливою посиланням «Читати далі». Чи не знайшла ні в одному php-файлі створеної за допомогою Artisteer теми цих слів (читати далі) - тому просто поняття не маю, де можна отредатктіровать їх! Може бути ВИ знаєте? Поділіться, будь ласка, цю інформацію!