Как получить прямую ссылку на изображение |
Cообщение скрыто для удобства комментирования.
Прочитать сообщение
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
Делаем баннер, или любое изображение в сообщениях кликабельным.
Несколько способов
1. Первый способ для картинок, которые загружены на фотохостинг
адрес ссылки" target="_blank">адрес картинки" />
Для этого нужно загрузить картинку на любой фотохостинг и и взять ссылку т.е адрес картинки.
( http://fotki.yandex.ru/ . http://radikal.cc/)
Адрес ссылки это страница, которая будет открываться при нажатии на картинку или баннер. (Яндекс - фотки - ссылка №3 , Радикал- фото - ссылка №1)
Скопируйте код в блокнот на ПК и внимательно вставьте адреса ссылки и картинки
Вставьте в сообщение в расширенном редакторе при нажатии на ИСТОЧНИК
Отправить сообщение в "Предпросмотр" или "Черновик" и проверить результат на кликабельность. пробы с картинкой делать в черновике,а затем каждый раз брать из него готовый код картинки и вставить в сообщение.
2. Подготовка кода для кликабельной картинки в Радикал-фото.
Этот метод очень удобен для вставки кликабельной картинки в эпиграф дневника,
в приложение "Всегда под рукой" или в блок "О себе"
Чем отличается ссылка №2 от ссылки №6 .
Они выполняют одинаковую функцию, но имеют разный вид в редакторе.
Важно! Код №6 вставляется в при нажатии на кнопку "Источник"
Для примера: картинка - ссылка фоны klavdia-France , Клик по картинке!
3. Третий способ - создание кликабельной картинки в тексте сообщения
Этот способ применяется для создания картинки-ссылки в тексте сообщения.
Рекомендую загружать изображения в расширенный(визуальный) редактор напрямую из ПК
Как говорят опытные пользователи: "На фотохостинг надейся,а сам не плошай!"
Загрузив картинку из ПК в редактор, с помощью простых манипуляций можно сделать любую картинку не только кликабельной, но и со всплывающим текстом при наведении на картинку. Для этого жмём на иконку "изображение" и загружаем картинку из ПК.
Когда картинка загрузится переходим на вкладку "ссылка"
В открывшемся окне в графе URL вписываем ссылку на страницу перехода
Далее переходим на вкладку "расширенный" и в графе "заголовок" пишем всплывающий текст.
Жмем ОК и любуемся результатом .
4. Самый простой способ создания кликабельной картинки в расширенном редакторе
Загрузить картинку в редактор, через кнопку "Изображение"
Выделяем картинку мышкой и жмём на кнопку "Вставить /редактировать ссылку" .
В выпавшем окне в графу URL вставьте ссылку на страницу перехода.
готово!любую даже уже загруженную ранее картинку можно сделать кликабельной.
Здесь, как и в предыдущем способе можно перейти на вкладку "расширенный" и в графе "заголовок" написать всплывающий текст в качестве подсказки. При наведении курсора на картинку появится текст - подсказка
Читайте пост: Как создать кнопку-переход
Все самые популярные коды здесь: Коды для оформления блога
P.S. Для желающих работать с кодом, для кликабельной картинки со всплывающим текстом, "код" , не забудьте вместо width=100 height=100 вставить размеры картинки, где width-ширина, а height - высота картинки
Адрес страницы, на которую будет указывать баннер" target=_blank>Адрес картинки из Интернета или из Радикала который больше не работает (была ссылка№1)
" border="0" title="Текст, видимый, в качестве подсказки, при наведении на ссылку." width=100 height=100>
Читать запись редакторе дневника.
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |