Svoboda | Graniru | BBC Russia | Golosameriki | Facebook

 -Рубрики

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

Поиск сообщений в bahera

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

 

 -Интересы


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

Понедельник, 05 Декабря 2016 г. 11:54 + в цитатник
Цитата сообщения Liudmila_Sceglova УРОКИ -Кликабельные ссылки и т.д.






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

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

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

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

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

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

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



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




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


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

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





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

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

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

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

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

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

Если у вас появятся вопросы, или вы что-то недопоняли,
не стесняйтесь - спрашивайте!


С благодарностью к Ларисе и Ирише Коль,которая поделилась кодом записи!
Рубрики:  ВСЕ ДЛЯ ДНЕВНИКА/Уроки
Метки:  

 

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

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

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

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