• Авторизация


Делаем кликабельной ссылку или картинку 24-01-2013 21:25 к комментариям - к полной версии - понравилось!

Это цитата сообщения serbucna Оригинальное сообщение

Делаем кликабельной ссылку или картинку.[урок 3]

Делаем кликабельной ссылку или картинку [урок 3]

Делаем кликабельной картинку

Дорогие мои, вы уже научились делать кликабельными ссылку или слово.Как видите,это совсем несложно.Теперь научимся делать кликабельной картинку,что бы нажав на нее,можно было попасть на интересующую нас страничку.

 

 

  • Выбираем картинку.Для примера, я возьму одну из своих аватарок, и вести она будет ко мне в дневник.

 

лето-2 (150x150, 7Kb)

  •  Как и в предыдущих уроках ,заходим на нужную страничку(куда будет вести картинка) ,копируем адрес в адресной строке и вставляем в нашу формулу :

2 (155x54, 2Kb)

  • Вот что у нас должно получиться:

[497x69]

Ну с этим вы уже знакомы и это не должно вам составить труда.

  •  Теперь нам надо получить код изображения.Сделать это можно двумя способами:

1- через сайт радикал фото(или другой похожий сайт)

Для этого выбираем код под №6  и копируем его правой кнопкой мышки:

  [615x391]<

- У нас получается вот такой код: [700x67]

- Из него надо исключить (красным выделено) левую часть,заключенную в скобки <>(это ссылка на сайт радикал) и справа (это закрывающий тег).В итоге должно получиться вот что (я выделила нужное-черным):

[700x60]

  • Теперь возвращаемся к нашей формуле и вставляем туда, где раньше вставляли слово.Должно получиться так (что бы было понятнее я выделила все составляющие части формулы):

[691x103]

  • Нажав на "опубликовать",получаем вот такую кликабельную картинку из нашего примера:( нажав на нее вы попадете в мой дневник)

[показать]

 

2- Получить код картинки можно и другим (как мне кажется,более простым) способом.

  • Для этого загружаем картинку с компьютера в редактор

 

[700x176]

  •  Нажимаем на кнопку " ПРЕДПРОСМОТР" или " В ЧЕРНОВИК".Когда картинка отобразится в черновике,нажимаем на "РЕДАКТИРОВАТЬ"  Затем мы нажмем в редакторе на "ИСТОЧНИК" ,и  увидим код нашей картинки.

[700x245]

  • Забираем код и вставляем его в нашу формулу (без  p  в скобках <>,естественно).Вот что у нас получится

[700x77]

  • Нажимаем на "СОХРАНИТЬ ИЗМЕНЕНИЯ" и любуемся результатом

лето-2 (150x150, 7Kb)

 Можете нажать на картинку и проверить.

  • P.S.Ну вот и все.Теперь вы можете делать любую кликабельную ссылочку.Попробовав пару раз,вы убедитесь,что это сосем не сложно.Хочу еще добавить из собственного опыта.Обычно,когда пишу пост,я открываю две вкладки и работаю в двух  редакторах.В  первом пишу сообщение,а в другом получаю коды к ссылочкам ,пробую различные изменения , проверяю их.А затем уже готовые коды вношу в первый редактор.
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Делаем кликабельной ссылку или картинку | linda_n - Мода Тенденции Шоппинг в Испании и не только | Лента друзей linda_n / Полная версия Добавить в друзья Страницы: раньше»