• Авторизация


КЛИКАБЕЛЬНЫЕ НАДПИСИ И КАРТИНКИ 29-04-2012 20:20 к комментариям - к полной версии - понравилось!

Это цитата сообщения Liudmila_Sceglova Оригинальное сообщение

УРОКИ -Кликабельные ссылки и т.д.

[показать]

[показать]
[показать]

Как сделать кликабельными текст или картинку?

Кликабельный текст можно сделать очень просто.
Скопируйте себе код из окошка и подставляйте в указанные места свои адрес и текст.

Вот,что у нас получится,
конечно имя каждый ставит своё :-)
БЛОГ Ларисы Герман

или такой вариант ( всё зависит от того,на что именно вы делаете ссылку ).

Сообщество " Заговори и тебя увидят ! "

Можно сделать так ,при наведении курсора на ссылку,будет появляться ваша фотография.
Скопируйте себе код из окошка и подставляйте в указанные места свои адрес и текст.

ВАЖНО:
Кавычки не трогать !



Только в код,вместо адреса ссылки ( http ),вставляете адрес вашего почтового ящика ( email ).
Урок, о том как делать эту ссылку, можно посмотреть в блоге Егоровой Татьяны.
[232x34]

[показать]

Кликабельную картинку можно сделать очень просто. Скопируйте себе код из окошка и подставляйте в указанные места свои адреса.


ВАЖНО:
Кавычки не трогать !

Вот пример кликабельной картинки
(при нажатие попадаем на "Радикал-Фото")

[показать]

[показать]

Как сделать всплывающую надпись к изображению ?

Чтобы при наведении курсора на картинку, всплывала поясняющая надпись ( автор,название или любой другой текст на ваше усмотрение ),
нужно сделать следующие действия:

1.Загрузите свою картинку на сайт "Радикал -Фото".
После загрузки в правом столбце с названием "Полноразмерное изображение" из двух вариантов выбераете вариант "НЕ КЛИКАБЕЛЬНОЕ "
Из предложенных сайтом ссылок и кодов скопируйте НТML - код № 6.

2. Вставьте скопированный код в окно добавления записи вашего блога в формате HTML. В самом конце кода найдите значки "> (кавычка и угловая скобка). Между кавычкой и угловой скобкой вставьте тег title="ВСПЛЫВАЮЩИЙ ТЕКСТ"/ . Затем вместо слов ВСПЛЫВАЮЩИЙ ТЕКСТ впечатайте своё пояснение к картинке.

ВАЖНО:
Кавычки не трогать !

Окончание кода моей картинки выглядит так: border="0"title="Книги пишутся с помощью книг.(Пьер Буаст)"/ >
Наведите курсор на книги и вы увидите получившийся результат
[300x225]
Если у вас появятся вопросы, или вы что-то недопоняли,
не стесняйтесь - спрашивайте!


[показать]
С благодарностью к Ларисе и Ирише Коль,которая поделилась кодом записи!
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник КЛИКАБЕЛЬНЫЕ НАДПИСИ И КАРТИНКИ | ANGEL_OF_SOLNCE - Дневник ANGEL OF SOLNCE | Лента друзей ANGEL_OF_SOLNCE / Полная версия Добавить в друзья Страницы: раньше»