-Музыка

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Дайга

 -Интересы

<a href="http://www.liveinternet.ru/users/ женские вопросы и проблемы семья юмор <a href="http://www.dsc.net.ru/"

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 12.11.2005
Записей: 583
Комментариев: 101
Написано: 751


Как сделать кнопку-банер.

Четверг, 24 Апреля 2008 г. 04:53 + в цитатник
Цитата сообщения Rost

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

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

2. Размещаем где-то эту картинку. Например - на ЛиРу. Я для хранения картинок просто делаю запись, "закрытую всем, кроме хозяина дневника", в которую и добавляю картинку.
3. Копируем адрес картинки (надеюсь вы умеете это делать?). После этого запись можно удалить: картинка всё равно на сервере останется. Главное - не потерять её адрес.
4. Внимательно читаем этот пост: Как сделать картинку ссылкой?
5. Применяем знания, полученные в пункте 4. Получаем что-то типа:

Где:
- адрес нужного сайта, дневника, блога и т.д.
- картинка
- закрытие тега "адрес".
6. Теперь осталось только добавить этот текст в нужное место.
При добавлении необходимо помнить следующие полезные теги:
- перевод строки (данные будут показаны с новой строки)
- центрировать данные (размещать по центру)
- размещать картинку с левого края
- размещать картинку с правого края

Например: мы хотим разместить кнопку-банер по центру на отдельной строке:

А выглядеть это будет так:



Варианты для размещения слева




и справа





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

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку