Меню
Копки для сайта

КНОПКА ДЛЯ САЙТА ОНЛАЙН

Многих начинающих WEB дизайнеров интересует такие вопросы, как сделать кнопку для сайта, как сделать кнопку ссылкой или, допустим, если страницу просмотрели до низу, как сделать кнопку НАВЕРХ.

Когда я только начинал делать сайты эти вопросы меня тоже очень интересовали. Со временем я нашёл ответы на эти вопросы и теперь могу поделиться своими знаниями с другими

СОВЕРШЕННО БЕСПЛАТНО

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

Проходите по ссылке и заходите на такой сайт

Перед Вами страница, разделённая на три части. В центре вид самой кнопки, в правом поле можно изменять цвет кнопки и её вид. Т.е. можно делать кнопку просто квадратной, квадратной со скруглёнными краями и полукруглой. Делается это так.

Вверху находится надпись Style а справа от неё стрелочка. Вот эта (подчёркнуто)

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

Теперь выберем цвет кнопки. В центре правого поля имеется надпись BACKGROUND, что в вольном переводе означает цвет заливки или, что проще, цвет кнопки. Справа от этой надписи - стрелочка. Вот эта (подчёркнуто)

Кликаете по стрелочке и выпадает панель с четырьмя надписями. Они означают

  • верхняя - сплошной цвет
  • чуть ниже - жёсткое разделение на 2 цвета
  • ещё ниже - плавный переход от одного цвета к другому
  • самая нижняя - верх и низ кнопки одного цвета, а середина другого

Сам цвет выбирается вот в этих квадратиках

Top color - верхний цвет, а bottom color - нижний цвет.

С видом кнопки и цветом разобрались, а теперь разберёмся с надпись на копке. В левом поле в самом верху надпись TEXT. Справа от надписи поле, в которое Вы вводите текст, который будет на кнопке. Вводите желаемый текст.

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

По стрелочке кликаете и в выпавшем меню

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

Как Вы уже догадались здесь выставляем размер шрифта и его цвет. Если отмечаете галочкой Bold, то шрифт будет жирный, а если Italic, то наклонный.

Теперь последнее дело. Это не обязательно, но по желанию. Изменим размер самой кнопки с надписью. В самом низу имеется поле SIZE, что означает размер.

Чуть ниже две надписи Horizontal padding, что означает длинна кнопки и Verticfl padding - высота кнопки. Нажимая на + или - изменяете размеры кнопки.

Кнопку создали и теперь её надо сохранить на компьютере. В средней части сайта, в самом низу, имеются три надписи. Нас интересует средняя Download. Вот эта

Кликаете по надписи и созданная кнопка скачиватся на компьютер.

Как сделать кнопку выяснили, теперь разберёмся, как сделать кнопку ссылкой.

Читайте