Как сделать слово ссылкой? для новеньких

Как сделать слово ссылкой? для новеньких. Вы в моих работах часто видите слова, которые являются ссылкой. Как это делается? Хочу сразу сказать, что есть несколько способов, но я расскажу о том, каким пользуюсь сама. Я работаю в простом редакторе почти всегда. Если Вы пишите свой пост и Вам нужно сделать ссылку, например, такую цветы. Сначала заходите на страничку сайта, на которую Вы будете ссылаться и вверху вы увидите строку, например, http://karat773.ru/rubric/1498379/, кликаете по ней правой кнопочкой и она выделится. Потом кликаете левой и в выпавшем окне выбираете слово "Копировать". Вы скопировали, а потом переносите эту ссылку к себе в пост, кликая опять левой кнопочкой и выбирая теперь "Вставить". Выбираем слово, которое Вы хотите сделать кликабельным. Я вот хочу сделать слово "цветы". Дописываем рядом со ссылкой это слово, вот так получится : http://karat773.ru/rubric/1498379/цветы. Важно: никаких пробелов не должно быть между концом ссылки и словом!!! Теперь английскими буквами дописываем так(смотрите внимательно): [url =http://karat773.ru/rubric/1498379/]цветы[/url]. Если же Вы хотите не слово сделать кликабельным, а саму ссылку, то пишете вот так: [url ] http://karat773.ru/rubric/1498379/ [/url] Еще раз подчеркиваю, что никаких пробелов в записи не должно быть!!!
Удачи!!! Здесь!!! еще мои рассказы в помощь новеньким, а в ней еще одна ссылка. santa3

Оформляем текст и картинки

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам"
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.	Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой.	Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.	Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table>

 

Эпиграфы для блога

Эпиграф блога - этот текст (картинка) который будет показан вверху самого первого сообщения вашего блога.

Для вставки эпиграфа:

1. Скопируйте код.
2. Откройте вкладку - Настройки-->Настройки дневника -->Эпиграф дневника и просто вставьте туда скопированый код.


Для тех кто пропустил, рамочки для текста и инструкция как вставить их в пост находятся в разделе - Для оформления блога

<center><a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/153/38153768_fabee1dc71ba.jpg" /></a></center>

<center><a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/153/38153788_2201.jpg" /></a></center>


<center><a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/153/38153814_08f0dc498687.jpg" /></a></center>

<center><a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/153/38153850_7a6a8c2cb7e7.jpg" /></a></center>

<center><a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/153/38153900_c8d3f0b181fd.gif" /></a></center>

<center><a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/153/38153959_10582590_7242388_6822432_sdfdfs.jpg" /></a></center>

<center><a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/154/38154001_15749962_14766143_11296323_tara_lp_219.jpg" /></a></center>

<center><a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img1.liveinternet.ru/images/attach/c/0/38/154/38154079_9e87ac944908.jpg" /></a></center>

<center><a href="//www.liveinternet.ru/users/afina74/" target="_blank"><img src="//img0.liveinternet.ru/images/attach/c/0/38/154/38154140_563daa7c8435.jpg" /></a></center>

Коды оформления блога

Коды для оформления блога Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи: Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - Кнопки в записи: Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Номера страниц в блоге - Рамка с картинками по углам - Таблица -

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

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

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

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

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

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


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


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


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



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

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


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

Сады

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

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

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


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

Убираем сообщения под кат с разными словами

Как убрать часть сообщения под кат таким образом, чтобы ссылка, ведущая на эту скрытую часть сообщения говорила не просто "Читать далее", а содержала какие-то ваши слова, то что вы хотите написать? Это очень просто!
Воспользуйтесь указанными тегами: сначала идет открывающий, потом - закрывающий (курсив не обязателен, это у меня просто шрифт такой)):
Ну а как вообще убрать сообщение под кат, можно прочитать здесь.

Без заголовка

Шпаргалочка по тегам
Берём к себе в цитатник.

Оформление текста:

Перечёркнутый текст: ТЕКСТ

<s> ваш текст </s>

Подчёркнутый текст: ТЕКСТ

<u> ваш текст </u>

Полужирный текст: ТЕКСТ

<b> ваш текст </b>

Полужирный крупный: ТЕКСТ

<big> ваш текст</big>

Курсивный текст: ТЕКСТ

<i>ваш текст </i>

Маленький текст: текст

<small>ваш текст</small>

Текст (картинка) по центру:

<center>ваш текст (картинка) </center>

Выравнивание текста по правому краю поста:

<div align="right"> ваш текст </div>

Равномерное выравнивание текста по всей ширине поста:

<div align="justify"> ваш текст </div>

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):

<blockquote> ваш текст </blockquote>

“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):

<pre>ваш текст</pre>

Бегущая строка (картинка):

<marquee> ваша бегущая строка (картинка)</marquee>

Добавленный атрибут direction=right задаст направление движения слева направо, по умолчанию - справа налево

Сноска вверху: ТЕКСТ^сноска

^{ваша сноска}

Сноска внизу: ТЕКСТ_сноска

_{ваша сноска}


Размер шрифта:

Уменьшить текст: текст - 2

<font size="-2"> уменьшенный текст </font>

Увеличить текст на 1 пункт: текст + 1

<font size="+1"> увеличить текст на 1 пункт </font>


Увеличить текст на 2 пункта: текст + 2

<font size="+2"> увеличить текст на 2 пункта </font>


Увеличить текст на 3 пункта: текст + 3

<font size="+3"> увеличить текст на 3 пункта </font>


Цвет шрифта

КРАСНЫЙ: красный текстм

<font color="red"> красный текст </font>

ЖЕЛТЫЙ: желтый текст

<font color="yellow"> желтый текст </font>

ФИОЛЕТОВЫЙ: фиолетовый текст

<font color="purple"> фиолетовый текст </font>

ЗЕЛЕНЫЙ: зеленый текст

<font color="lime"> зеленый текст </font>

СИНИЙ: синий текст

<font color="navy"> синий текст </font>

ФУКСИЯ: фуксия текст

<font color="fuchsia"> фуксия текст </font>


Оформление ссылок

Как вставить ссылку на веб-страницу:

<a href="АДРЕС СТРАНИЦЫ"> ВАШ ПОДЗАГОЛОВОК</a>

Как сделать, чтобы картинка была ссылкой на веб-страницу:

<a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></a>

Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:

<a href="АДРЕС СТРАНИЦЫ" target="_blank"> ВАШ ПОДЗАГОЛОВОК </a>

.