-Всегда под рукой

Найти в блоге:




Rost рекомендует
Блог Ильи Татарникова

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

 

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 08.05.2003
Записей: 13927
Комментариев: 173962
Написано: 266070


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

Среда, 23 Апреля 2008 г. 09:51 + в цитатник
Небольшое дополнение в .

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

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

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

Шаг №2. Размещаем где-то эту картинку. Например, на ЛиРу. Как? Читайте тут.
3. Внимательно читаем этот пост: Как сделать картинку ссылкой?
4. Применяем знания, полученные в пункте 3. Получаем что-то типа:

Где:
- нужная ссылка;
- картинка;
- закрытие тега "адрес".
5. Теперь осталось только добавить этот текст в нужное место.

При добавлении необходимо помнить следующие полезные теги:
- перевод строки (данные будут показаны с новой строки)
- центрировать данные (размещать по центру)
- размещать картинку с левого края
- размещать картинку с правого края

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

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

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

и справа



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

Процитировано 195 раз
Понравилось: 18 пользователям

Altksey   обратиться по имени Re: Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Среда, 23 Апреля 2008 г. 10:13 (ссылка)
Очень нужная информация!!

Это вообще как называется, php программирование?

LI 7.05.22 beta
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Среда, 23 Апреля 2008 г. 10:34 (ссылка)
Исходное сообщение Altksey:
Очень нужная информация!

А чего тогда не цитируем? ;)

Исходное сообщение Altksey:
Это вообще как называется, php программирование?

Нет, это обычный html. Сам вот изучаю потихоньку...

LI 7.05.22 beta
Ответить С цитатой В цитатник
vedere   обратиться по имени Комментарий к Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Среда, 23 Апреля 2008 г. 10:48 (ссылка)
Исходное сообщение Rost:
Мне многие часто задают вопрос, как добавить рекламный банер в эпиграф дневника и/или графу "О себе" в профиле. Ну, нет ничего проще.

Rost, надо просто купить учебник по HTML и не сношать мозг ни себе, ни людям.
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Среда, 23 Апреля 2008 г. 10:56 (ссылка)
Исходное сообщение vedere:
Rost, надо просто купить учебник по HTML и не сношать мозг ни себе, ни людям.

А вот я - против. Надо только знать то, что используешь.
Ведь совсем не обязательно учить весь язык, чтобы поехать в какую-то страну. Достаточно выучить какой-то минимум фраз.
Вот мой знакомый из отпуска по Испании приехал со знанием испанского, состоящими в фразе: "Уно сервеза пор фавор!". И ему её вполне хватало. ;)

LI 7.05.22 beta
Ответить С цитатой В цитатник
Altksey   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Среда, 23 Апреля 2008 г. 11:03 (ссылка)
Исходное сообщение Rost:
А чего тогда не цитируем? ;)




Почти все, кто меня читает, и тебя читает, а в "мои документы" уже скопировал :)

LI 7.05.22 beta
Ответить С цитатой В цитатник
Altksey   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Среда, 23 Апреля 2008 г. 11:06 (ссылка)
Исходное сообщение Rost:
А вот я - против. Надо только знать то, что используешь.




Поддерживаю. Всего знать невозможно.

LI 7.05.22 beta
Ответить С цитатой В цитатник
vedere   обратиться по имени Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Среда, 23 Апреля 2008 г. 11:18 (ссылка)
Исходное сообщение Altksey:
Это вообще как называется, php программирование?

Нет, это обычный html. Сам вот изучаю потихоньку...

LI 7.05.22 beta

Rost, извини, в свете этого диалога предыдущий камент можно считать неактуальным...
Loreleya
Ответить С цитатой В цитатник
vedere   обратиться по имени Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Среда, 23 Апреля 2008 г. 11:48 (ссылка)
Исходное сообщение Rost:
Исходное сообщение vedere:
Rost, надо просто купить учебник по HTML и не сношать мозг ни себе, ни людям.

А вот я - против. Надо только знать то, что используешь.
LI 7.05.22 beta

Rost, не согласен. Надо знать, где это можно найти. И предпочитаю собственную бумажную литературу онлайновым справочникам.
Loreleya
Ответить С цитатой В цитатник
yiliya_pavlenko   обратиться по имени Среда, 23 Апреля 2008 г. 19:00 (ссылка)
poleznay infa, vzyla sebe, spasibo
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 00:02 (ссылка)
Исходное сообщение yiliya_pavlenko: poleznay infa, vzyla sebe, spasibo

Рад, что хоть кому-то помог!

LI 5.09.15
Ответить С цитатой В цитатник
Mi_estas_vidanta   обратиться по имени Четверг, 24 Апреля 2008 г. 10:19 (ссылка)
спасибо, благодаря таким альтруистам, как ты, я хоть чего-то начинаю понимать,
а то как искать то, что толком сформулировать еще неможешь и везде сразу, не зная, где искать-то собственно...
Ответить С цитатой В цитатник
milana07   обратиться по имени Четверг, 24 Апреля 2008 г. 10:22 (ссылка)
Rost,Конечно, помог, спасибо, не все же знают все!
Ответить С цитатой В цитатник
Altksey   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 10:27 (ссылка)
Банер сделать удалось, работает. Но у товарища видел банер с подписью внизу, и банер кликается и подпись. Вот такого вида

www.asgs.ru


Анжеро-Судженский городской сайт - новости, реклама, развлечения


Вставил свои данные, но строка не кликается. Не подскажешь как сделать?

LI 7.05.22 beta
Ответить С цитатой В цитатник
Altksey   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 10:35 (ссылка)
Ой, извини, я не хотел банер размещать /удали/, хотел написание показать :)

LI 7.05.22 beta
Ответить С цитатой В цитатник
Altksey   обратиться по имени Четверг, 24 Апреля 2008 г. 10:38 (ссылка)
Банер получился и работает. Но вот у товарища видел написание банера с картинкой и строкой. И картинка и строка кликаются. Подставил туда свои данные, картинка кликается, надпись нет. Не подскажешь вариант?
00000083 (699x129, 27Kb)
Ответить С цитатой В цитатник
Altksey   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 10:56 (ссылка)
Сподвиг ты меня на изыскания. Я тут уже три коммента написал и стёр. Задавал вопросы. Потом нашел ссылку http://ht-ml.narod.ru/urok3.htm и далее всё получилось.
Сделал банер и подпись-ссылку с помощью тэга А. И всё работает!!!

LI 7.05.22 beta
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 11:12 (ссылка)
Исходное сообщение Mi_estas_vidanta: спасибо, благодаря таким альтруистам, как ты, я хоть чего-то начинаю понимать

Действую по принципу: "Научился сам - научи другого!". Я сам в html и web-программировании "чайник".

LI 7.05.22 beta
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 11:13 (ссылка)
Исходное сообщение milana07: Rost,Конечно, помог, спасибо, не все же знают все!

Даже я :)

LI 7.05.22 beta
Ответить С цитатой В цитатник
vedere   обратиться по имени Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 11:13 (ссылка)
Исходное сообщение Mi_estas_vidanta:
спасибо, благодаря таким альтруистам, как ты...

*рухнул пацтол*
Mi_estas_vidanta, он не альтруист))) Далекоооо на альтруист! Он просто умный! ;)
Loreleya
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 11:16 (ссылка)
Исходное сообщение Altksey: Банер получился и работает. Но вот у товарища видел написание банера с картинкой и строкой. И картинка и строка кликаются. Подставил туда свои данные, картинка кликается, надпись нет. Не подскажешь вариант?

00000083 (699x129, 27Kb)


Вот любят у нас люди всё усложнять :)
Значит, для начала внимательно (!) прочитай этот пост:
"Как сделать рисунок ссылкой"
Особое внимание обрати на пункт 2:
2. Для того, чтобы поместить ссылку помимо ЛиРушных тегов [url] (или [url=...]) и [/url] можно использовать натуральные HTML теги:

"адрес ссылки" - полный адрес (http:// и т.д.)

Потому что если судить по твоему тексту, всё должно работать...

LI 7.05.22 beta
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 11:17 (ссылка)
Исходное сообщение Altksey: Сподвиг ты меня на изыскания. Я тут уже три коммента написал и стёр. Задавал вопросы. Потом нашел ссылку http://ht-ml.narod.ru/urok3.htm и далее всё получилось.

Сделал банер и подпись-ссылку с помощью тэга А. И всё работает!!!




"Я буду сначала читать все комментарии, а потом на них отвечать"
"Я буду сначала читать все комментарии, а потом на них отвечать"
"Я буду сначала читать все комментарии, а потом на них отвечать"
"Я буду сначала читать все комментарии, а потом на них отвечать"
"Я буду сначала читать все комментарии, а потом на них отвечать"

....
:)

LI 7.05.22 beta
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 11:21 (ссылка)
Исходное сообщение vedere: Mi_estas_vidanta, он не альтруист))) Далекоооо на альтруист! Он просто умный! ;)


Вот теперь сиди и думай: "похвалили или поругали?". Как в своё время написала одна моя ПЧ: "Ты может так интеллигентно сказать, что лучше бы просто матом послал!"

LI 7.05.22 beta
Ответить С цитатой В цитатник
TayaOstrr   обратиться по имени Четверг, 24 Апреля 2008 г. 11:24 (ссылка)
ой спасибо... как нужно мне это было вчера.... сегодня попробую))
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 11:36 (ссылка)
Исходное сообщение TayaOstrr: ой спасибо... как нужно мне это было вчера.... сегодня попробую))

Так это и было тут вчера :)

LI 7.05.22 beta
Ответить С цитатой В цитатник
Altksey   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 11:37 (ссылка)
Исходное сообщение Rost:
Потому что если судить по твоему тексту, всё должно работать...





Яж стёр этот коммент:) Но Не успел видать!

LI 7.05.22 beta
Ответить С цитатой В цитатник
Altksey   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 11:38 (ссылка)
Исходное сообщение Rost:
"Я буду сначала читать все комментарии, а потом на них отвечать"

....

:)





Да уж:)

LI 7.05.22 beta
Ответить С цитатой В цитатник
Rost   обратиться по имени Re: Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 11:50 (ссылка)
Исходное сообщение Altksey:
Яж стёр этот коммент:) Но Не успел видать!

"Родина видит... Родина - знает!"

LI 7.05.22 beta
Ответить С цитатой В цитатник
vedere   обратиться по имени Ответ в Rost; Как сделать кнопку-банер для эпиграфа и/или графы 'О себе'? Четверг, 24 Апреля 2008 г. 12:13 (ссылка)
Исходное сообщение Rost:
Исходное сообщение vedere: Mi_estas_vidanta, он не альтруист))) Далекоооо на альтруист! Он просто умный! ;)


Вот теперь сиди и думай: "похвалили или поругали?". Как в своё время написала одна моя ПЧ: "Ты может так интеллигентно сказать, что лучше бы просто матом послал!"

LI 7.05.22 beta

Rost, не хвалил и не ругал: констатировал факт! ;)
Loreleya


Ответить С цитатой В цитатник
Mi_estas_vidanta   обратиться по имени Четверг, 24 Апреля 2008 г. 13:09 (ссылка)
Исходное сообщение vedere
Исходное сообщение Rost:

Исходное сообщение vedere: Mi_estas_vidanta, он не альтруист))) Далекоооо на альтруист! Он просто умный! ;)




Вот теперь сиди и думай: "похвалили или поругали?". Как в своё время написала одна моя ПЧ: "Ты может так интеллигентно сказать, что лучше бы просто матом послал!"

LI 7.05.22 beta

Rost, не хвалил и не ругал: констатировал факт! ;)
Loreleya


вот так высокохудожественно и посылают-с, сидя паццталом
Ответить С цитатой В цитатник
GaLina_PR2_0   обратиться по имени Четверг, 24 Апреля 2008 г. 21:07 (ссылка)
я сама просто валялась увидав такое...по-моему, это и ежу понятно
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] 2 [Новые]
 

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

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

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

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