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

 

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

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

 -Статистика

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

Процитировано 262 раз
Понравилось: 36 пользователям



Таша_визави   обратиться по имени Четверг, 26 Августа 2010 г. 21:37 (ссылка)
Спасибо!
В цитатник
Alexnik   обратиться по имени Четверг, 26 Августа 2010 г. 21:39 (ссылка)
Спасибо! Спасибо! Спасибо!
В цитатник
Lina_Korm   обратиться по имени Четверг, 26 Августа 2010 г. 21:42 (ссылка)
Лена, большое спасибо!!
Сложнова то, но сделать можно.
В цитатник
Elena_yolka   обратиться по имени Четверг, 26 Августа 2010 г. 21:48 (ссылка)
О, Боже!!!!Неужели я когда-нибудь это сделаю?
В цитатник
simbirzit   обратиться по имени Четверг, 26 Августа 2010 г. 21:56 (ссылка)
хорошо просвящаешь.......
В цитатник
Перейти к дневнику

Пятница, 27 Августа 2010 г. 17:04ссылка
REMEUR   обратиться по имени Четверг, 26 Августа 2010 г. 22:10 (ссылка)
Давай Ленок дальше!Ты лучшая училка здесь!!!!
В цитатник
Перейти к дневнику

Пятница, 27 Августа 2010 г. 17:05ссылка
REMEUR, ой, правда? Сейчас пойду к тебе смотреть как ты сделала кликабельную картинку...
Перейти к дневнику

Понедельник, 30 Августа 2010 г. 23:02ссылка
Совсем правильный подход!Учительский.Покажи.И ещё оценки надо ставить.А двоечников в чёрный список:))
Я приболела и в инете не была последние дни.
 (438x600, 53Kb)
Перейти к дневнику

Вторник, 31 Августа 2010 г. 21:26ссылка
REMEUR, вот-вот: выздоравливай! А кликабельную картинку сделаешь когда она будет необходима. В принципе, она нужна только в рекламе. Пост я написала по просьбе одной читательницы.
Наталья_Пономарёва   обратиться по имени Четверг, 26 Августа 2010 г. 23:30 (ссылка)
Елена_Ориас, Лена и меня научила . Жми сюда , потом жми сюда - вот я и жму .
В цитатник
Sapfir_t   обратиться по имени Четверг, 26 Августа 2010 г. 23:50 (ссылка)
Лена, молодец! Спасибо!
В цитатник
Алек_Зайцев   обратиться по имени Пятница, 27 Августа 2010 г. 09:32 (ссылка)
Спасибо за науку.Сейчас некогда зимой попробую.
В цитатник
lunohod1970   обратиться по имени Пятница, 27 Августа 2010 г. 10:14 (ссылка)
Елена_Ориас, ДОБРОЕ УТРО , ЛЕНА !
СПАСИБО .
В цитатник
абу-сумама   обратиться по имени Пятница, 27 Августа 2010 г. 10:18 (ссылка)
спасибо за науку
В цитатник
Дочь_матери_Лелевы   обратиться по имени Пятница, 27 Августа 2010 г. 12:08 (ссылка)
Спасибо. Вообще, html не помешало бы изучить...
В цитатник
Перейти к дневнику

Пятница, 27 Августа 2010 г. 17:10ссылка
Дочь_матери_Лелевы, я изучала... Потом обнаружила что полон интернет готовых конструкций, бери да пользуйся... Дык че время тратить на зубрежку...
Ольга_Свят   обратиться по имени Пятница, 27 Августа 2010 г. 14:06 (ссылка)
Спасибо за уроки,буду учиться.
В цитатник
kd1162977   обратиться по имени Пятница, 27 Августа 2010 г. 15:38 (ссылка)
Ну ты прям хакер!
В цитатник
Елена_Ориас   обратиться по имени Пятница, 27 Августа 2010 г. 17:34 (ссылка)
Собственно, кликабельная картинка нужна в основном тем, кто собирается раскручивать свой блог (повышать пузомерки)), или заниматься рекламной деятельностью (что необыкновенно расширяет кругозор и сподвигает к самосовершенствованию).
Пока мне этот навык был не нужен, я считала что все это слишком сложно. А приспичило - научилась за пару часов.
В цитатник
jagusya   обратиться по имени Пятница, 27 Августа 2010 г. 22:23 (ссылка)
Педагогический талант!
В цитатник
Вера_Маркина   обратиться по имени Суббота, 28 Августа 2010 г. 01:11 (ссылка)
Спасибо! Очень пригодится!
В цитатник
Alla_klass   обратиться по имени Суббота, 28 Августа 2010 г. 12:03 (ссылка)
В цитатник
nata70   обратиться по имени Суббота, 11 Сентября 2010 г. 13:26 (ссылка)
Очень нужная информация! Спасибо за подробное описание!
В цитатник
Людаста   обратиться по имени Воскресенье, 12 Сентября 2010 г. 22:06 (ссылка)
Спасибо огромное!
В цитатник
Перейти к дневнику

Среда, 15 Сентября 2010 г. 12:10ссылка
спасибо большое
ShaNura3   обратиться по имени Пятница, 17 Сентября 2010 г. 09:15 (ссылка)
Большое спасибо!Столько всего интересного....
В цитатник
К дневнику Страницы: [1] [Новые]