Делаем кликабельную ссылку с помощью панели спецкода.

Четверг, 16 Июня 2016 г. 22:24 + в цитатник

Цитата сообщения Шадрина_Галина

Прочитать целиком В свой цитатник или сообщество!

Делаем кликабельную ссылку с помощью панели спецкода.

Многие пользователи работают в простом редакторе, и совсем не умеют пользоваться панелью спец.кода. А с помощью этой панели, можно сделать многое. Например в считанные секунды вставить любую картинку из интернета. Как это сделать СМОТРИМ ЗДЕСЬ
Так же быстро можно сделать кликабельную ссылку на любой сайт, как текстовую, так и с картинкой.

А теперь более подробно КАК СДЕЛАТЬ ТЕКСТОВУЮ ССЫЛКУ С ПОМОЩЬЮ СПЕЦ,КОДОВ В простом редакторе..

Открываем, как обычно, новую запись в своем дневнике.

Пишите пост как обычно, текст, картинки и прочее, что вы хотите сообщить в своем сообщении..

Доходим до места, где вам надо вставить текстовую ссылку на сайт. Например вот такую. МОЙ ДНЕВНИК

Для этого жмем на панель СПЕЦ.КОДА, которая находится под оглавлением вашего поста, и открываем эту панель.

Панель раскрылась. Находим кнопочку с началом адреса (странички, картинки) , и просто щелкаем по ней мышкой (левой клавишей).

Нам открывается дополнительное окошечко, в которое вы должны вставить название сайта. Так как мы хотим сделать ТЕКСТОВУЮ ССЫЛКУ, то в этом окошечке пишите все, что вам хочется.Я делаю ссылку на свой дневник я прописываю МОЙ ДНЕВНИК. И жмем ОК.

Вновь открылось окошечко, в которое мы должны вставить АДРЕС САЙТА, на который будем делать ссылку.

Кто не знает как взять адрес страницы, то ищите его в адресной строке сайта, на который вы делаете ссылку. То есть идем на сайт (для примера в мой дневник), и в адресной строке ищем адрес нужного вам сайта.)

Теперь щелкаем по адресу мышкой, (засиниваем его для копирования), жмем ПРАВУЮ кнопку мыши и выбираем КОПИРОВАТЬ .

Вот и все, теперь адрес нужной вам странички находится в буфере обмена, и мы в любое время можем его вставить в нужное нам место. В данном случае в дополнительно появившееся окошечко.

И так, 2-е окошечко открылось. Поскольку я делаю ссылку на свой дневник, то и прописываю (вставляю) в это окошечко адрес своего дневника, который уже находится в буфере обмена (в памяти компа).

Для этого в открывшемся окошечке (стираем то, что там написано), встаем мышкой в начало строки, жмем правую кнопку мыши, и выбираем ВСТАВИТЬ.

Адрес вставился. Нажимаем ОК.

Вот и все. Мы получили вот такую ссылку, которая будет вести на мой дневник, или на нужный вам сайт. МОЙ ДНЕВНИК

В кодах, это выглядит примерно вот так. Кстати, если вам не понравился текст ссылки, например не МОЙ ДНЕВНИК, а ЛЮБИМЫЙ САЙТ, или что то другое, вы можете аккуратно подправить (только не стерите лишнее) это название прямо в формуле.

Все делается в три шага.
Скопировали ссылку на нужный сайт,
открыли панель спец кода, нажали на нужную кнопочку,
прописали название сайта,
и вставили туда адрес своей ссылки.

Быстро и удобно, не возясь ни с какими кодами.

Но иногда удобнее и красивее сделать КЛИКАБЕЛЬНУЮ КАРТИНКУ. Например ссылку на сайт мультящек, выглядеть это будет красивее и понятнее. Делается все так же быстро и просто.

1. Жмем панель спец кода, раскрываем ее.

Панель раскрылась.

1. Сначала жмем кнопочку [IMG], что бы получить код КАРТИНКИ, которую делаем кликабельной.

Во вновь открывшемся окошечке вставляем АДРЕС КАРТИНКИ, которую хотим видеть кликабельной.

(Адрес нужной картинки берем или в интернете (если картинка с интернета). (встаем мышкой на нужную картинку, жмем правую кнопку мыши, и выбираем КОПИРОВАТЬ АДРЕС.) Кто не знает как взять адрес картинки в интернете в разных браузерах СМОТРИМ ЗДЕСЬ . Картинки вставленные через радикал, это код N1.

Скопированный адрес картинку уходит в память компа (буфер обмена)

Вставляем полученный адрес в окошечко и жмем ОК. После нажатия ОК мы получаем вот такой код.

теперь копируем этот код

На панели спец кода, находим кнопочку с началом адреса (странички, картинки) , и раскрываем ее, то есть щелкаем по ней мышкой (левой клавишей).

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

3. После нажатия ОК, так же открылась дополнительная табличка, куда мы вставляем адрес САЙТА, на который делаем ссылку. ( КОТОРЫЙ СНАЧАЛА КОПИРУЕМ) Все так же, как и в текстовой ссылке.

Для этого в открывшемся окошечке (стираем то, что там написано), встаем мышкой в начало строки, жмем правую кнопку мыши, и выбираем ВСТАВИТЬ.

Адрес вставился. Нажимаем ОК.

В кодах это будет выглядеть вот так.

Как видите все делается так же в три шага.

Нажимаем кнопочку [IMG] и получаем код картинки, который копируем.
Затем жмем кнопочку с началом адреса (ту же, что и прописной ссылке)
и вставляем в первую открывшуюся табличку (где в текстовой ссылке прописывали название сайта), этот копированный код с адресом картинки.
Во второй дополнительной табличке прописываем (вставляем) АДРЕС сайта куда ведет ссылка.
И все. КЛИКАБЕЛЬНАЯ КАРТИНКА ГОТОВА.

Сама кликабельная картинка будет выглядеть вот так. При нажатии на нее вы попадете на замечательный английский сайт анимашек.

Кто незнаком с ним, РЕКОМЕНДУЮ взять на заметку. Здесь много нужного и полезного.

Немного об этом сайте, для тех, кто открыл его первый раз.

Сайт замечательный, на нем много анимашек, которые все разбиты по темам. Каждая тема ( В ЛЕВОЙ КОЛОНКЕ) сопровождается картинкой на эту тему, так что сразу понятно какую тему вы открываете.

При переводе сайта на русский язык с применением ОНЛАЙН переводчиков картинки не всегда открываются. Поэтому лучше просматривать сайт в оригинале.

С правой стороны тоже колонка, там вы увидите ОЧЕНЬ МНОГО ТЕМ ФОНОВ.

Щелкаете по нужной теме, откроются фоны данной темы. При нажатии на каждый фон, страница заполнится этим фоном, и вы сразу увидите как он смотрится на странице.

Успехов в вашем творчестве.

Серия сообщений "Оформление.":
Часть 1 - Расположение музыки на картинке.
Часть 2 - Ответ на вопрос по бродилке
...
Часть 15 - Разлиновка — шаблоны разлинованных листов всех форматов.
Часть 16 - Как на Лиру зациклить видеоролик YouTube
Часть 17 - Делаем кликабельную ссылку с помощью панели спецкода.
Часть 18 - Разлиновка
Часть 19 - Крутая шпаргалка по сочетанию цветов
...
Часть 42 - Котики на заборе
Часть 43 - Разные конвертеры для вас
Часть 44 - Как сделать надпись на фото — все способы.