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

Поиск сообщений в Лара_05

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

 

 -Статистика

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


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

Понедельник, 30 Апреля 2012 г. 20:39 + в цитатник
Цитата сообщения Елена_Ориас Как сделать картинку-ссылку

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


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

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

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

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

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

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

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

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

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

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

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

Middle_name   обратиться по имени Понедельник, 30 Апреля 2012 г. 21:27 (ссылка)
Не заморачивайтесь. Видимо, очень старый пост, поэтому так мудрено. На Лиру всё постепенно меняется в лучшую сторону - сейчас делается всё намного проще и быстрее. Объясняю по пунктам (читайте и смотрите картинку):
1. Выделите картинку (щелкните по ней мышкой - вокруг нее появится пунктирная рамка)

2. Щелкните по значку под цифрой 2 на картинке

3. Появится окно - впишите адрес страницы, куда хотите поставить ссылку (лучше скопировать и вставить)

4. Нажмите ОК

Также можно поставить ссылку и на слово - просто выделите его, дальше - по тем же пунктам.
ssilka (450x285, 22Kb)
Ответить С цитатой В цитатник
 

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

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

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

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