Прибыльный блог

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

Создано января 19, 2010 категория Блоггинг,Компьютер автор admin

Привет всем!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Считаешь эту статью полезной? Подпишись на обновления блога - и будешь получать самые свежие советы по блоггингу прямо на почту. Введи электронный адрес: FeedBurner