< Назад
Вперед >
Кнопки
© by insert name here
Website Painter
Обзор
Для создания кнопок щелкните по соответствующим кнопкам на панели Инструменты (шейп Web2.0, шейп с градиентом, прозрачный шейп).

Щелкните в окне редактирования - будет вставлена рамка кнопки.

На панели Свойства определите свойства кнопки.
Кнопку можно заполнить цветом, рисунком или градиентом цвета.
Для градиента указывается начальный и конечный цвет. Также устанавливается прозрачность, толщина и цвет границ кнопки, радиусы закруглений углов и пр.
Используя функцию закругления углов, можно создавать круглые кнопки. К примеру, создайте квадратную кнопку 100х100 пикселей. Если у такой кнопки назначить радиус скругления углов равным 50, то получится круглая кнопка диаметром 100 пикселей (см. пример ниже).
Кнопка Web2.0
Кнопка с
градиентом
При создании кнопки с прозрачностью сквозь нее будет виден нижележащий слой, например текст.
В примере вставлена кнопка с прозрачностью и с заполнением цветом.
Диаметр
100 px
На кнопку можно нанести надписи,как используя обычный ввод текста (см. Текст), так и просто печатая текст на кнопке. Используя текстовые надписи на кнопке, можно создать ссылку.
Кроме того, сама кнопка (как изображение) может служить ссылкой (пример - слева).
Прозрачная кнопка
Примечание: Ранее мы по простоте душевной считали все приведенные на этой странице кнопки просто кнопками. Оказалось, что это шейпы.
Создатели компьютерного жаргона не сидят сложа руки и постоянно обогащают русский язык новыми словами (чаще всего совершенно ненужными). Видимо, эти самые шейпы произошли от англ. Shapes (формы, фигуры).


Кнопки с Mouseover-эффектом

Для создания кнопок с Mouseover-эффектом используйте панель Свойства - Использовать стили при наведении.

Примеры кнопок с Mouseover-эффектом
Создание разделительных линий
Используя функцию вставки конопок, можно создавать линии (горизонтальные и вертикальные).
Created with an unregistered version of WebsitePainter
(This text will not be visible anymore once you buy Website Painter)