-Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Дешевые авиабилеты Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • ТоррНАДО - торрент-трекер для блоговТоррНАДО - торрент-трекер для блогов
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо

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

 RenderedImage (2).png

 RenderedImage (1).png

          RenderedImage.png      

 -Рубрики

 -Цитатник

Как подключить и настроить VPN на телефоне с Android - (0)

Как подключить и настроить VPN на телефоне с Android В наше время безопасность в интернете — один...

Цветочный узор спицами! - (0)

Цветочный узор спицами! Раппорт 10 петель и 20 рядов Количество петель кратно 10 +1 +...

Черно - белый пуловер - (0)

Черно - белый пуловер Размеры: 38 - 40 Вам потребуется: полиамидная пряжа(100 ...

Как связать плотную резинку, которая не сползает и не растягивается. - (0)

Как связать плотную резинку, которая не сползает и не растягивается. Свяжите полую резинку, черед...

Ажурный женский джемпер, связанный спицами: утонченность и комфорт в вашем гардеробе - (0)

Ажурный женский джемпер, связанный спицами: утонченность и комфорт в вашем гардеробе Ажурный ...

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

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

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

 

 -Интересы

 -Сообщества

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.10.2009
Записей: 47567
Комментариев: 16254
Написано: 69107


Как легко и просто сделать баннер или делаем картинку ссылкой, то есть, кликабельной

Четверг, 11 Апреля 2013 г. 20:06 + в цитатник
Цитата сообщения Nelya_Gerbekova

Как легко и просто сделать баннер или делаем картинку ссылкой, то есть, кликабельной
 

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


<a href="адрес ссылки" target="_blank"><img src="адрес картинки" /></a> 


Для этого  нужно загрузить картинку  на  любой фотохостинг и и взять ссылку №1,  т.е адрес картинки. Адрес ссылки это страница, которая будет открываться при нажатии на картинку или баннер.  

3726295_20130410_203939 (700x190, 45Kb)

Скопируйте код в блокнот на ПК и внимательно вставьте адреса ссылки и картинки(не перепутайте)  

3726295_20130410_203250 (700x147, 38Kb)

Вставьте  в сообщение в расширенном редакторе при нажатии на ИСТОЧНИК

3726295_20130410_203417 (700x153, 23Kb)

Отправьте сообщение в ПРЕДОСМОТР или ЧЕРНОВИК и проверьте результат на кликабельность. Я. например,  провожу все манипуляции с картинкой в ЧЕРНОВИКЕ,а затем каждый  раз беру готовый код картинки из черновика и вставляю в сообщение.

Для примера  взяла  картинку  и сделала ее ссылкой на собственные фоны klavdia-France , которые мне очень понравились .Кликните по  картинке!

 

А  этот баннер я изготовила в обычном Worde

Второй способ очень легкий.С помощью простых манипуляций, при загрузке картинки в расширенный редактор прямо из компьютера, можно сделать любую картинку не только кликабельной,  но со всплывающим текстом  при наведении на картинку.  Для этого жмем на иконку ИЗОБРАЖЕНИЕ и загружаем картинку из ПК.. Когда картинка загрузится переходим на вкладку ССЫЛКА 

3726295_20130410_222342 (505x466, 57Kb)

В выпавшем окне в графе URL вписываем  ссылку на страницу перехода

3726295_20130410_222642 (448x189, 34Kb)

Далее переходим на вкладку РАСШИРЕННЫЙ и в графе ЗАГОЛОВОК  пишем всплывающий текст.

3726295_20130410_223044 (502x299, 42Kb)

Жмем ОК и любуемся результатом . 

3726295_ (352x491, 34Kb)

Добро пожаловать в мой дневник

Для желающих работать с кодом, для кликабельной картинки со всплывающим текстом, даю код ,только не забудьте вместо width=100 height=100  вставить размеры картинки, где width-ширина, а height - высота картинки 


<a href="Адрес страницы, на которую будет указывать баннер" target=_blank><img src="Адрес картинки из Интернета или из Радикала (ссылка№1)" border="0" title="Текст, видимый, в качестве подсказки, при наведении на ссылку." width=100 height=100></a>

3726295_0586d8d05e60 (499x3, 0Kb)

 

Серия сообщений " Оформление дневника на ЛИ.РУ":
Часть 1 - Учебник ЛиРу.
Часть 2 - Как сделать ник ссылкой
...
Часть 47 - Урок для новичков.Как найти пользователя и ответить на его симпочку
Часть 48 - Как сжать размер картинки (фона) до требуемой величины для загрузки в дневник.
Часть 49 - Как легко и просто сделать баннер или делаем картинку ссылкой, то есть, кликабельной
Рубрики:  БЛОГИ И СТРАНИЧКИ/уроки и советы блогерам 1
Метки: