Как сделать кнопку к письму

Как сделать кнопку «Отправить мне письмо» (mailto). Как сделать кнопку с ссылкой. Кнопки для сайта скачать

Привет всем!

Сегодня по заявкам трудящихся, я расскажу кнопку как сделать для своего сайта вот такую функциональную кнопку:

center

Все очень просто. Буквально пара-тройка шагов.

Шаг первый. Нарисовать кнопку.

Конечно, лучше, чтобы нарисованная кнопка подходила под оформление сайта. Именно поэтому, советую ее нарисовать самому. Самый простой вариант (как у меня в этом примере): создать изображение 100 на 50 пикселей; сделать два слоя. На первом слое сделать заливку цвета, гармоничного с цветовой гаммой сайта; и применить к нему стиль Bevel and Emboss. На втором слое сделать саму надпись, контрастного с основным цветом (при этом, чтобы сочеталось с другими цветами вашего сайта).

Шаг второй. Закачай ее на свой сайт.

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

Шаг третий. Размещение кнопки на сайте.

Последний из шагов. :)

Копируем следующий код:

<a href="mailto:"><img title="mailto" src="http://peopleboo.ru/2-1.gif" alt="center" /></a>

Выберите место размещения этой кнопки. Я обычно размещаю ее в правом меню (виджет «Текст«).

Вставьте скопированный текст в выбранное место на вашем сайте. Теперь. Вместо моего «мыла» (написанного красным цветом), вставьте свой электронный адрес, на который вы хотите получать письма от посетителей сайта. Вместо моей ссылки на картинку кнопки (выделенной зеленым цветом), вставьте ссылку на картинку вашей кнопки.

Все. Идем смотреть на результат. :)

И, так сказать, бонусом, еще 5 таких кнопок, которые вместе с первой голубой вы можете смело сохранить себе, и использовать на своем сайте.

И по традиции, жду ваших вопросов. :)


Закрыть ... [X]

Создание писем с возможностью отписки через заголовок «List Как побыстрее удалять зубы

Как сделать кнопку к письму Как сделать кнопку к письму Как сделать кнопку к письму Как сделать кнопку к письму Как сделать кнопку к письму Как сделать кнопку к письму Как сделать кнопку к письму Как сделать кнопку к письму Как сделать кнопку к письму