Цитата сообщения Rost Как сделать кнопку-баннер для эпиграфа и/или графы «О себе»?

Очередное дополнение в

Мне многие часто задают вопрос, как добавить рекламный баннер в эпиграф дневника и/или графу "О себе" в профиле. Ну, нет ничего проще.
Приведу, как всегда, простое объяснение типа "Шаг за шагом" с наглядным примером. В качестве примера расскажу как сделать баннер для сайта замечательного свадебного фотографа Николая Латника (больше известного некоторым как fotopapa), которому я обязан тем, что у меня есть замечательные свадебные фото меня.
1. Рисуем саму кнопку. Она может быть любого формата, который можно загрузить на ЛиРу. В нашем случае рисунок уже есть:

2. Размещаем где-то эту картинку. Например - на ЛиРу. Я для хранения картинок просто делаю запись, "закрытую всем, кроме хозяина дневника", в которую и добавляю картинку.
3. Копируем адрес картинки (надеюсь вы умеете это делать?). После этого запись можно удалить: картинка всё равно на сервере останется. Главное - не потерять её адрес.
4. Внимательно читаем этот пост: Как сделать картинку ссылкой?
5. Применяем знания, полученные в пункте 4. Получаем что-то типа:
<a href="http://www.latnik.ru/"><img src="http://www.latnik.ru/images/images_template/latnik88_31.gif" /></a>
Где:
<a href="http://www.latnik.ru/"> - адрес нужного сайта, дневника, блога и т.д.
<img src="http://www.latnik.ru/images/images_template/latnik88_31.gif" /> - картинка
</a> - закрытие тега "адрес".
6. Теперь осталось только добавить этот текст в нужное место.
При добавлении необходимо помнить следующие полезные теги:
<br /> - перевод строки (данные будут показаны с новой строки)
<center></center> - центрировать данные (размещать по центру)
<img src="Адрес картинки" align="left" /> - размещать картинку с левого края
<img src="Адрес картинки" align="right" /> - размещать картинку с правого края

Например: мы хотим разместить кнопку-баннер по центру на отдельной строке:
<center><a href="http://www.latnik.ru/"><img src="http://www.latnik.ru/images/images_template/latnik88_31.gif" /></a></center>
А выглядеть это будет так:

Варианты для размещения слева
<a href="http://www.latnik.ru/"><img src="http://www.latnik.ru/images/images_template/latnik88_31.gif" align="left" /></a>








А тем, кто меня внимательно читал, тем я расскажу, как сделать такую кнопку:

LI 5.09.15