Как сделать кликабельную ссылку

"Вопросик. А как сделать кликабельной ссылку на какой-нибудь сайт. Спасибо"

Отвечаю:
Во-первых, нужно скопировать адрес страницы, на которую ты хочешь сделать ссылку.
Ну хоть на эту, например:

АДРЕС копируем из адресной строки браузера. Посмотри у себя на экране какой там адрес.
А в моем примере, как видишь, адрес
http://ivaviva.ru/post122357571/
Это и есть адрес той страницы, на которую я буду делать ссылку.
Если его опубликовать в блоге, то он сам по себе должен становиться ссылкой, что легко понять, наведя мышку (мышка превратится в лапку). Но на Ли.ру это почему-то не всегда срабатывает. Какие-то тут защиты стоят от хакеров, наверное...

Ну ладно, мы сделаем ссылку красиво, чтобы человек заранее знал куда идет и что его там ожидает.

Поэтому в черновике набираем урл, вот такую заготовку из 12 символов:


После знака равенства (я это место отметила красной галочкой), вставляем АДРЕС (тот что копировали в адресной строке браузера).
Обязательно впритык, без просветов.


Получается вот так:


Теперь между спинками квадратных скобок пишем анкор (слово, нажав на которое человек попадет на нужную страницу).



Анкор у нас будет, например: Сады

Итого получилось так:


Так это выглядит в черновике.
Если нажать на кнопку «Опубликовать», то вся вспомогательная латинская писанина исчезает, и остается только слово Сады. Но оно теперь кликабельно! Наведи мышку на него и увидишь, что мышка превратилась в лапку. Значит, слово Сады стало ссылкой.

Сады

В анкоре можно писать сколько угодно слов и даже предложений. Лишь бы анкор был написан между "спинками" квадратных скобок.

Когда читаешь инструкцию и не выполняешь, все кажется страшно.
А если выполнять, ну хоть прямо сейчас, то все получится легко!
Ты аж удивишься. Попробуй!

А по ссылке Сады
можешь сходить, если тебя интересует статья «Сады вверх ногами».


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

Рамочка текстовая золотистая для Вас.

Ваш текст Nella solneshko

Если понравилась рамочка нажмите "нравится", мне будет приятно.

Беря рамочку и код цитируйте.

<center><table border="0" background="//i051.radikal.ru/1109/9a/c4a6112fd92a.jpg" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><center><table style="WIDTH:600px; cellspacing=" cellpadding="4" border="0" align="center" background="//img0.liveinternet.ru/images/attach/c/0//52/695/52695409_ch2.jpg" cellspacing="0"><tbody><tr><td style="padding: 5px;"><center><table border="0" background="//i051.radikal.ru/1109/9a/c4a6112fd92a.jpg" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><center><table style="WIDTH:600px; cellspacing=" cellpadding="4" border="0" align="center" background="//img0.liveinternet.ru/images/attach/c/0//52/695/52695360_ch1.jpg" cellspacing="0"><tbody><tr><td style="padding: 45px;"><center><table border="0" background="//i051.radikal.ru/1109/9a/c4a6112fd92a.jpg" cellpadding="5" cellspacing="0"><tr><td style="padding: 5px;"><center><table style="WIDTH:550px; cellspacing=" cellpadding="4" border="0" align="center" background="//img-fotki.yandex.ru/get/5314/108950446.68/0_b0318_4c52561f_L.jpg" cellspacing="0"><tbody><tr><td style="padding: 1px;"><table style="WIDTH:550px; cellspacing=" cellpadding="4" border="0" align="center" background="http://img-kiev.fotki.yandex.ru/get/3108/belyakova-m.4/0_acd9_b8072ae6_M.jpg" cellspacing="0"><tbody><tr><td style="padding: 5px;"><font face="Monotype Corsiva"><font size="5"><center><font color="000000"><br /> Ваш текст<br /> <img src="//img-fotki.yandex.ru/get/6428/39663434.375/0_87dac_3861dec8_M.png" /><center><span style="font-size:16px;"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/4106028/profile/"><font size="2"><font color="#000000">Nella solneshko</font></font></a></span></center></font></center></font></font></td></tr></tbody></table></td></tr></tbody></table></center></td></tr></table></center></td></tr></tbody></table></center></td></tr></table></center></td></tr></tbody></table></center></td></tr></table></center><br />

Как вставить ВИДЕО в дневник.С разных сайтов.

Ещё один урок по просьбе моих дорогих Пчёлок.
Вставляем видео с разных сайтов к себе в дневник.
Начнём c Youtube на Ли.ру.
Набиваем название,что вам нужно.И нажали ПОИСК.

Нашли! Потом,чтобы загрузить вам нужен код этого видео.
ЗДЕСЬ далее... SvetlanaT

Как изменить цвет в опубликованной цитате.

Когда вы пишете пост в своем дневнике, цвет записей (если не корректировать настройки) будет, по умолчанию, тот, что был задан автором выбранного стиля и фона.

Но при цитировании чужих сообщений , бывает, что цвет текста не сочетается, или вообще не виден в вашем дневнике.
Например, у меня фон Красный, цвет текста , по умолчанию, Желтый, и видно нормально.
Процитировала сообщение с буквами Сиреневого и Темно-синего цвета на белом фоне.
Картинки из цитаты в моем дневнике видны, а текст неразличим.

Как это исправить?

Зайдите в настройки, выберите "настройки дизайна"

На открывшейся странице есть в рамочке таблица настроек "Цвет текста".
Скопируйте ваш "цвет сообщений" , например, мой Желтый #FFFF99,

откройте опцию "редактировать" в цитате, найдите код с цветом текста :


<*font color="#8b0000">Необходимые продукты:

<*font color="#000080">====Начинка====


Здесь это : (font color="#8b0000 и font color="#000080".)

Замените его на ваш скопированный (#FFFF99),

и на странице вашего дневника появился привычный глазу цвет.

Как правильно использовать "кнопки, убирающие текст под кат. Урок"

По многочисленным просьбам объясняю, как правильно пользоваться кнопками, с помощью которых,текст убирается под кат. Ими можно и не пользоваться, но мы делаем некоторые посты, где эти кнопочки украшают пост и всем понятно, что нажав на нее, попадаешь на страничку автора и пост откроется целиком. Итак, возьмем пока вот эти две кнопочки: Вот код одной из них, в данном случае второй кнопки: <img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/> Для начала еще раз повторяю код, с помощью которого текст убирается под кат, вот он: [more] Если поставить только этот тег(сами решаете, в какое место его поставить), то автоматически остальная часть уберется под кат Можно и вписать свой текст, ну например такой: [more=Самое интересное под катом] Здесь читатель увидит эти слова и нажав на них,прочитает текст целиком. Надеюсь, с эти мы разобрались с вами. А теперь про кнопки. Если вы поставите вот так, как я указала в рамочке ниже, то будет стоять одна кнопочка, без текста и она будет кликабельна. И нажав на нее, читатель увидит пост целиком. [more=<img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/>] В рамочке после слов more=следует код кнопочки, вы выбираете свою кнопочку и вставляете в квадратные кнопки полностью код. Повторюсь, что в этом случае будет стоять одна кликабельная кнопочка,но без текста. Можно и с текстом, кому как нравится. С текстом все должно будет выглядеть вот так, то есть мы должны будем добавить в код, который выше, свой текст: <center>[more= <center><img src="//img-fotki.yandex.ru/get/6608/39663434.1aa/0_78a2e_d0a4bc72_XS.jpg" alt="" width="23" height="49"/><center>ЖМИ] Вот что должно получится, когда вы поставите этот код: [more= ЖМИ] Здесь пришлось показать в коде,потому что в отличие от Я.ру, на Ли.ру два раза убирать под кат нельзя,картинка просто не будет видна.А вот на Я.ру можно. По поводу кнопочек, которые указывают в сторону, я их использую редко и в том случае, когда надо нажать на баннер,например. То есть рядом должна стоять картинка, на которую надо нажать, на что и будет указывать кнопка.Так же все ставим, как и в последнем коде, только вместо текста, в моем случае слово "ЖМЁМ", вот вместо него ставим картинку баннер, точнее код баннера, чтобы читателю было понятно, на что он должен нажать, кнопка указывает направление... И последнее, код кнопок не должен быть кликабельным, то есть в нем не должно стоять вот этой части кода, которая ведет на посторонний ресурс: <a href="адрес сайта,откуда картинка"> В противном случае,пост не откроется, а ссылка приведет на сайт, например на РАДИКАЛ, как ошибочно тут думают, ставя коды оттуда. Какие будут вопросы, пишите в личку, всем отвечу. Завтра напишу вам, как сделать рамку с прокруткой.Удачи,экспериментируйте!

Кнопочки...

Читать далее...

Кнопочки перехода "Далее" + код

<img src="//img1.liveinternet.ru/images/attach/b/4/104/16/104016915_RRRRR1S.png" width="141" height="120" alt="далее1S (141x120, 35Kb)" />

<img src="//img0.liveinternet.ru/images/attach/b/4/104/16/104016916_RRRRR2.png" width="150" height="111" alt="далее2 (150x111, 41Kb)" />

<img src="//img1.liveinternet.ru/images/attach/b/4/104/16/104016917_RRRRR3.png" width="200" height="119" alt="далее3 (200x119, 34Kb)" />

<img src="//img0.liveinternet.ru/images/attach/b/4/104/16/104016918_RRRRR4.png" width="157" height="166" alt="далее4 (157x166, 35Kb)" />

<img src="//img1.liveinternet.ru/images/attach/b/4/104/16/104016919_RRRRR_S.png" width="121" height="150" alt="Далее_S (121x150, 31Kb)" />

<img src="//img0.liveinternet.ru/images/attach/b/4/104/16/104016920_RRRRRyoSRSSRRS_SRRyoRRSS_RRSSRyoRRRyo.png" width="263" height="220" alt="нажмите,чтобы увидеть картинки (263x220, 48Kb)" />


<img src="//img1.liveinternet.ru/images/attach/b/4/104/16/104016921_SRyoSRSS_RRRRR.png" width="150" height="150" alt="читать далее (150x150, 5Kb)" />

<img src="//img0.liveinternet.ru/images/attach/b/4/104/16/104016922_SRyoSRSS_RRRRR1.png" width="200" height="140" alt="читать далее1 (200x140, 51Kb)" />

<img src="//img1.liveinternet.ru/images/attach/b/4/104/16/104016923_SRyoSRSS_RRRRR2.png" width="206" height="155" alt="читать далее2 (206x155, 62Kb)" />

<img src="//img0.liveinternet.ru/images/attach/b/4/104/16/104016924_SRyoSRSS_RRRRRL.png" width="182" height="171" alt="читать далееL (182x171, 49Kb)" />

Кнопочки-переходы.Копилка.

      С миру- по нитке...

     Как пользоваться? Скопируйте текст из окошка, вставьте  в том месте вашего сообщения, где хотели бы видеть выбранную картинку 

и вместо слов "адрес изображения" вставьте

адрес нужной вам картинки(т.е тот, который копируется при нажатии на выбранную картинку правой кнопкой мыши.(копировать адрес изображения,либо копировать url картинки))

Так вставляется сама картинка. Если же Вам нужно убрать часть сообщения под кат, то сначала в нужном месте поста кликнете на кнопку  >>> в расширенном редакторе.( Она расположена вверху, на панели над "телом" сообщения.) Откроется новое окно, в котором и проделаете описанную выше манипуляцию, закрепив всё победным OK.

                                                         

                                                      

                                         

                                      

Переходы текст made in цветочек с колючками

Переходы текст made in цветочек с колючками

Переходы для постов посвященных здоровью и медицине made in цветочек с колючками

<img src="//img1.liveinternet.ru/images/attach/c/6/93/202/93202763_1.png" width="155" height="92" alt="1 (155x92, 32Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/6/93/202/93202779_2.png" width="124" height="99" alt="2 (124x99, 27Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/6/93/202/93202789_3.png" width="141" height="95" alt="3 (141x95, 29Kb)" />
<img src="//img1.liveinternet.ru/images/attach/c/6/93/202/93202795_4.png" width="95" height="104" alt="4 (95x104, 19Kb)" /><br />	<img src="//img1.liveinternet.ru/images/attach/c/6/93/202/93202803_5.png" width="164" height="89" alt="5 (164x89, 30Kb)" /><br />	<img src="//img0.liveinternet.ru/images/attach/c/6/93/202/93202824_6.png" width="110" height="98" alt="6 (110x98, 18Kb)" />
<img src="//img0.liveinternet.ru/images/attach/c/6/93/202/93202946_6a.png" width="109" height="97" alt="6а (109x97, 23Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/6/93/202/93202962_7.png" width="171" height="96" alt="7 (171x96, 28Kb)" /><br />	<img src="//img0.liveinternet.ru/images/attach/c/6/93/202/93202996_8.png" width="157" height="96" alt="8 (157x96, 30Kb)" /><br />
<img src="//img0.liveinternet.ru/images/attach/c/6/93/203/93203100_11.png" width="111" height="110" alt="11 (111x110, 24Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/6/93/203/93203183_12.png" width="225" height="117" alt="12 (225x117, 33Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/6/93/203/93203896_13.png" width="109" height="114" alt="13 (109x114, 28Kb)" />

Disney переходы - made in цветочек с колючками

<img src="//img0.liveinternet.ru/images/attach/c/6/92/331/92331018_1.png" width="178" height="159" alt="1 (178x159, 46Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/6/92/331/92331032_2a.png" width="174" height="121" alt="2а (174x121, 33Kb)" />
<img src="//img0.liveinternet.ru/images/attach/c/6/92/331/92331184_3.png" width="156" height="130" alt="3 (156x130, 37Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/6/92/331/92331303_4.png" width="146" height="171" alt="4 (146x171, 19Kb)" /><br />
<img src="//img0.liveinternet.ru/images/attach/c/6/92/344/92344436_5.png" width="137" height="177" alt="5 (137x177, 49Kb)" /><br />	<img src="//img1.liveinternet.ru/images/attach/c/6/92/344/92344501_6a.png" width="188" height="126" alt="6а (188x126, 23Kb)" />
<img src="//img1.liveinternet.ru/images/attach/c/6/92/344/92344817_8b.png" width="128" height="143" alt="8б (128x143, 26Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/6/92/344/92344870_7a.png" width="180" height="201" alt="7а (180x201, 39Kb)" />

КНОПОЧКИ-ПЕРЕХОДЫ =ПОДАРОЧНЫЕ= + КОД

<img src="//s019.radikal.ru/i607/1205/11/bf6f879e11e1.png" />

<img src="//s54.radikal.ru/i143/1205/b4/a64e1132dcf3.png" />

<img src="//s49.radikal.ru/i126/1205/9e/7c5f037283fd.png" />

<img src="//s017.radikal.ru/i422/1205/a6/0019b2ed636d.png" />

<img src="//s61.radikal.ru/i172/1205/fc/82643fbd5540.png" />

ВЕСЕЛЫЕ КНОПКИ ПЕРЕХОДЫ


ИСТОЧНИК:

























Смело нажимайте на кнопочку и попадете в мой блог:

Кнопки для переходов "бисером" - made in цветочек с колючками

<img src="//img1.liveinternet.ru/images/attach/c/5/92/174/92174623_1.png" width="300" height="214" alt="1 (300x214, 120Kb)" /><br />	<img src="//img0.liveinternet.ru/images/attach/c/5/92/174/92174656_2.png" width="214" height="190" alt="2 (214x190, 84Kb)" />
<img src="//img1.liveinternet.ru/images/attach/c/5/92/174/92174689_3.png" width="230" height="179" alt="3 (230x179, 85Kb)" /><br />	<img src="//img0.liveinternet.ru/images/attach/c/5/92/174/92174712_4.png" width="281" height="185" alt="4 (281x185, 89Kb)" /><br />
<img src="//img0.liveinternet.ru/images/attach/c/5/92/174/92174918_5a.png" width="225" height="239" alt="5а (225x239, 105Kb)" /><br />	<img src="//img0.liveinternet.ru/images/attach/c/5/92/174/92174936_6.png" width="268" height="236" alt="6 (268x236, 96Kb)" />

Кнопки под кат для рукодельниц - made in цветочек с колючками

<img src="//img1.liveinternet.ru/images/attach/c/6/92/27/92027955_1.png" width="222" height="241" alt="1 (222x241, 91Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/6/92/28/92028380_2.png" width="215" height="175" alt="2. (215x175, 77Kb)" />
<img src="//img1.liveinternet.ru/images/attach/c/6/92/29/92029149_25141635v0KmQhT9.png" width="224" height="244" alt="25141635v0KmQhT9 (224x244, 97Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/6/92/29/92029161_7.png" width="163" height="175" alt="7 (163x175, 46Kb)" /><br /> <br />
<img src="//img1.liveinternet.ru/images/attach/c/6/92/29/92029181_9.png" width="299" height="221" alt="9 (299x221, 121Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/6/92/29/92029437_n.png" width="262" height="179" alt="н (262x179, 81Kb)" />
<img src="//img0.liveinternet.ru/images/attach/c/6/92/63/92063156_yab2.png" width="233" height="216" alt="яб2 (233x216, 60Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/6/92/62/92062688_paner2.png" width="197" height="252" alt="панер2 (197x252, 87Kb)" /><br />

Кнопки для переходов "С настроением":) made in цветочек с колючками

<img src="//img0.liveinternet.ru/images/attach/c/6/91/118/91118590_215531uWhW6ETK.png" width="169" height="190" alt="215531uWhW6ETK (169x190, 18Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/6/91/118/91118603_2152031FVDfCJXFzhsch.png" width="153" height="173" alt="2152031FVDfCJXFжщ (153x173, 47Kb)" />
<img src="//img0.liveinternet.ru/images/attach/c/6/91/118/91118622_detelinaoo.png" width="335" height="260" alt="детелинаоо (335x260, 90Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/6/91/118/91118643_karlson.png" width="250" height="200" alt="карлсон (250x200, 69Kb)" /><br />
<img src="//img0.liveinternet.ru/images/attach/c/6/91/118/91118662_koteta.gif" width="294" height="257" alt="котета (294x257, 142Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/6/91/118/91118864_21614171b9QnPpfogsh.png" width="191" height="160" alt="21614171b9QnPpfогш (191x160, 54Kb)" />

Анимированые картинки "С Рождеством".( с кодами)

<img src="//img1.liveinternet.ru/images/attach/c/7/95/288/95288833_1.gif" width="240" height="320" alt="1 (240x320, 325Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/7/95/288/95288843_2.gif" width="240" height="320" alt="2 (240x320, 221Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/7/95/288/95288844_3.gif" width="240" height="320" alt="3 (240x320, 200Kb)" />
<img src="//img0.liveinternet.ru/images/attach/c/7/95/288/95288848_4.gif" width="240" height="320" alt="4 (240x320, 157Kb)" /><br />	<img src="//img0.liveinternet.ru/images/attach/c/7/95/288/95288850_6.gif" width="240" height="320" alt="6 (240x320, 418Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/7/95/288/95288882_7.gif" width="240" height="320" alt="7 (240x320, 173Kb)" />

смотреть дальше

Анимированные картинки с кодами.Зима.

<img src="//img1.liveinternet.ru/images/attach/c/6/93/925/93925853_c.gif" width="240" height="320" alt="ц (240x320, 232Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/6/93/925/93925859_uy.gif" width="240" height="320" alt="ы (240x320, 252Kb)" />	<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=//img1.liveinternet.ru/images/attach/c/6/93/925/93925861_large_ya.gif" rel="li-bigpic" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/6/93/925/93925861_ya.gif" width="240" height="320" alt="я (240x320, 1123Kb)" /></a>
<img src="//img1.liveinternet.ru/images/attach/c/6/93/926/93926003_0_54f84_4f1766c5_L.gif" width="240" height="320" alt="0_54f84_4f1766c5_L (240x320, 99Kb)" /><br />	<img src="//img0.liveinternet.ru/images/attach/c/6/93/926/93926004_0_54f92_8a29ae24_L.gif" width="239" height="320" alt="0_54f92_8a29ae24_L (239x320, 202Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/6/93/926/93926007_0_54f93_1ecbbc9b_L.gif" width="240" height="320" alt="0_54f93_1ecbbc9b_L (240x320, 353Kb)" />

Смотреть дальше

Анимированные картинки с кодами.Зима.(2 Часть).

<img src="//img1.liveinternet.ru/images/attach/c/9/107/570/107570933_1.gif" width="240" height="320" alt="1 (240x320, 393Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/9/107/570/107570939_2.gif" width="240" height="320" alt="2 (240x320, 158Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/9/107/570/107570941_3.gif" width="240" height="320" alt="3 (240x320, 152Kb)" />
<img src="//img0.liveinternet.ru/images/attach/c/9/107/570/107570954_4.gif" width="240" height="320" alt="4 (240x320, 251Kb)" /><br />	<img src="//img1.liveinternet.ru/images/attach/c/9/107/570/107570959_5.gif" width="240" height="320" alt="5 (240x320, 100Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/9/107/570/107570960_6.gif" width="240" height="320" alt="6 (240x320, 548Kb)" />

Смотреть дальше

Рамочка кофейная

Ваш текст

Nata Vi