Небольшое дополнение в .

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

Как всегда простая инструкция вида "шаг за шагом".

Шаг №1. Рисуем саму кнопку. Она может быть любого формата, который можно загрузить на ЛиРу. В нашем случае рисунок уже есть:

Шаг №2. Размещаем где-то эту картинку. Например, на ЛиРу. Как? Читайте тут.
3. Внимательно читаем этот пост: Как сделать картинку ссылкой?
4. Применяем знания, полученные в пункте 3. Получаем что-то типа:
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.aliveinternet.ru/post37604791/"><img src="//img0.liveinternet.ru/images/attach/c/1//54/598/54598325_Samuyy_polnuyy_FAQ_po_LiRu_2_0.png" /></a>
Где:
<a href="http://www.aliveinternet.ru/post37604791/"> - нужная ссылка;
<img src="//img0.liveinternet.ru/images/attach/c/1//54/598/54598325_Samuyy_polnuyy_FAQ_po_LiRu_2_0.png" /> - картинка;
</a> - закрытие тега "адрес".
5. Теперь осталось только добавить этот текст в нужное место.

При добавлении необходимо помнить следующие полезные теги:
<br /> - перевод строки (данные будут показаны с новой строки)
<center></center> - центрировать данные (размещать по центру)
<img src="Адрес картинки" align="left" /> - размещать картинку с левого края
<img src="Адрес картинки" align="right" /> - размещать картинку с правого края

Например: мы хотим разместить кнопку-баннер по центру на отдельной строке:
<center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.aliveinternet.ru/post37604791/" target="_blank"><img align="absmiddle" src="//img0.liveinternet.ru/images/attach/c/1//54/598/54598325_Samuyy_polnuyy_FAQ_po_LiRu_2_0.png" /></a></center>
А выглядеть это будет так: