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

Очередное обновление в FAQе для начинающего лирушника

Мне многие часто задают вопрос, как добавить рекламный банер в эпиграф дневника и/или графу "О себе" в профиле. Ну, нет ничего проще.
Приведу, как всегда, простое объяснение типа "Шаг за шагом" с наглядным примером. В качестве примера расскажу как сделать банер для сайта замечательного свадебного фотографа Николая Латника (больше известного некоторым как 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" /> - размещать картинку с правого края

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



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








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