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

 

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

Поиск сообщений в Елена_Ориас

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 24.01.2008
Записей: 1538
Комментариев: 37090
Написано: 62240

Комментарии (27)

Как сделать картинку-ссылку

Дневник

Четверг, 26 Августа 2010 г. 21:24 + в цитатник

Кликабельные картинки


Пазлы собирать умеешь? Нет? Ну кубики в детстве приходилось складывать? Вот и хорошо, значит, сумеешь сделать так, чтобы картинка стала кликабельной, то есть превратилась в ссылку.

Я сначала в «Моих документах» завожу файл «Картинка-ссылка». В нем и работаю.
Почему не сразу в черновике дневника? А потому, что в Моих документах легко окрасить «кубики» конструкции в разные цвета, и поэтому потом легко их собирать в нужном порядке.

Сначала раздобываем код картинки.
Но ради кода картинки придется-таки начинать с лирушного дневника.
В дневнике совершаем такие действия:
Написать (там нашлепать хоть одно слово) – Прикрепить файл (Обзор)(тут выбираю картинку и жму «открыть») – Предпросмотр.
И картинка появляется в черновике.

Теперь жмем «редактировать». Открывается окно, в котором вместо картинки черт знает что, вот это, например:
 (650x94, 20Kb)
Выглядит громоздко, страшненько, ну а нам какое дело. Для нас главное – что это первый кубик в нашей будущей конструкции.
Это и есть код картинки.

Копируем его и переносим в «Мои документы». В файл «Картинка-ссылка».
Считай, первый пазл (ну или кубик)) у нас уже есть.

Теперь нужен адрес той страницы в Интернете, на которую мы хотим сослаться. Например, чтобы картинка переносила читателя на страницу со статьей «Эликсир молодости». Иду на ту страницу и копирую адрес в адресной строке браузера:
 (268x22, 1Kb)
Это будет второй кубик нашей конструкции.

Ну и, может быть, нужна подсказка читателю что на эту картинку нужно нажать мышкой. Типа "Жми сюда!".

Кстати, подсказка вовсе не обязательна, народ, как правило, знает, что если мышка превратилась в лапку, значит, нужно жать. Так что этот абзац можешь пропустить. А можешь и почитать.
Чтобы на картинке при наведении мышки всплывала подсказка, нужно набрать титл:
 (204x26, 1Kb)
Ну и последний, четвертый элемент для картинки-ссылки. Для того, чтобы ссылка работала, ее надо заключить в конструкцию  (136x20, 1Kb)
Набираем "хриф" с угловой скобкой и знаком равенства и начинаем собирать конструкцию.
Хриф + адрес ссылки (заключить в кавычки) + код картинки + титл (русские слова в кавычках) + закрыли конструкцию косой палкой и угловой скобкой + завершили все палкой с буквой а в угловых скобках.
И вот что мы имеем в собранном виде:
собранная конструкция (650x87, 26 Kb)
Если всю эту собранную конструкцию скопировать, перенести в дневник и опубликовать, то вместо всех этих букв и значков появится картинка:
 (251x235, 126Kb)Как сделать картинку-ссылку

Нажми на нее, и ты перенесешься на страницу, где написана статья "Эликсир молодости".

Серия сообщений на тему «Возня с компьютером»:

*Мы на Ли.ру зачем
*Как комментировать
*Как читать плоховидимый текст
*Как выразить (послать) симпатию
*Как сделать ссылку на друга
*Как сделать кликабельную ссылку
*Как вставить картинку - урок для новеньких
*Не суйте в комментарии картинки!
* Как разместить картинку со всплывающим текстом
* Как сделать скрин
*Как делать себе ПиАр
*Как напечатать брошюру на принтере
*Как остановить принтер
*Комментаторы-данайцы
Рубрики:  Возня с компьютером
Как подтвердить что являешься владельцем блога
Как читать плоховидимый текст
Убираем текст под кат
Как вставить картинку - урок для новеньких
Как сделать скрин
Как запретить комментарии грубиянам
Да извинят меня опытные блоггеры

Метки:  

 Страницы: [1]