Как пользоваться спецкодами (ВВ-кодами) на ЛиРу?

Спецкоды - слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают разные другие полезные вещи. Спецкоды в угловых скобках <> называются HTML -кодами. Их можно вводить «от руки» только в простом редакторе, в расширенном редакторе вместо них нужно можно пользоваться кнопками над текстом (как в Word). Если очень нужно использовать еще и в расширенном - нажимайте кнопку Источник в левом верхнем углу.

Коды, заключенные в квадратные скобки [ ], не являются универсальными, иногда называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом, и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не «подчеркнул» ее, а у простого редактора убрать внизу галочку «Автоматическое распознавание ссылок», иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спецкодов.

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

ВВ-коды Лиру

Коды, используемые не на всех сайтах

[user=Только для женщин] - позволяет поставить красивую ссылку на пользователя сайта. Выглядеть будет это так: Только для женщин
[user=Дом советов]Домик[/user] - позволяет назвать при этом пользователя по-особенному. Вот так:Домик

---

[more] - если вставить такой тег в сообщение, то на этом месте оно оборвется, и появится ссылка «Читать далее», которая будет вести на комментарии к сообщению и полному тексту записи. Очень нужно ставить такой тег перед видео, флеш-роликами, большими картинками или серией картинок, экономя трафик и ускоряя загрузку страницы своего дневника

[more=Нажмите, чтобы увидеть картинки] - так можно заменить текст «Читать далее» на свой
[/more] - а вот так можно обозначить окончание «тяжелой» части страницы и продолжить текст.

---

<img src=ссылка_на_картинку align=left> - так в текст можно вставить картинку, зная ее адрес. align=left означает, что картинка будет прижата к левому краю записи и текст будет ее обтекать. Можно заменить на align=right (вправо) или align=center (по центру) или вообще не использовать. Например, код фото ниже: <img src="//img1.liveinternet.ru/images/attach/c/2//72/385/72385743_Beluye_nochi021.jpg" align="center"/>

---

[quote]ваш текст, цитата[/quote] - выделение какой-либо цитаты (отдельный блок со сдвигом вправо).

ваш текст, цитата

---

[flash=ссылка_на_flash_ролик] - так можно вставить в страничку flash-ролик, если известен его адрес (ссылка на него). Кстати, кто еще знает о существовании на Лиру вот этой страницы с флешками? - http://www.liveinternet.ru/flash.html


[flash=600,400,ссылка_на_flash_ролик] - ролик будет вставлен в поле с размерами 600х400 (или любыми другими, заданными вами).

---

[mp3=ссылка_на_mp3] - так можно вставить в страничку кнопки «слушать» и «скачать» для mp3-файла, который расположен по заданному ссылкой адресу.

---

[poll=номер_голосования] - вставляет в сообщение вопросы, а в комментарии результаты голосования, которое вы выбрали. Создать свое голосование можно по ссылке внизу страницы создания новой записи в дневнике (или сразу по этой ссылке).

Понравился пост?

Всего проголосовало 10 человек

Понравился этот пост?

1 (100,0 %)

1 (0 %)

1 (0 %)

Перейти к вопросам   Отчет о голосовании [Все новые голосования]

---

Стандартные ВВ-коды

Стандартные «форумные» BB-коды, используемые на многих сайтах

[url]ссылка_на_сайт[/url] - простая ссылка
http://www.liveinternet.ru/community/3080659/profile/
[url=ссылка_на_сайт]Интернет. В порядке бреда[/url] - ссылка с произвольным текстом (анкором)
Интернет. В порядке бреда

---

[b]ваш текст[/b] - жирный ваш текст
[i]ваш текст[/i] - наклонный ваш текст
[u]ваш текст[/u] - подчеркнутый ваш текст
[s]ваш текст[/s] - зачеркнутый ваш текст  

---

[color=цвет]ваш текст[/color] - текст заданного цвета (цвета - blue, red, green и т.д.) ваш текст

---

[size=размер]ваш текст[/size] - текст заданного размера (-3, +1, 10 - числа или операции изменения). ваш текст

---

[list] [*]Элемент списка [*]Еще элемент списка [/list] - список чего-либо:

• Элемент списка
• Еще элемент списка

[list=А] [*]Элемент списка [*]Еще элемент списка [/list] - список, маркированный буквами (латинские):

1. Элемент списка
2. Еще элемент списка

[list=1] [*]Элемент списка [*]Еще элемент списка [/list] - пронумерованный список:

1. Элемент списка
2. Еще элемент списка

---

Дополнительно

Некоторые ВВ-коды, которые понимает Лиру

[email]user@domain.com[/email] - ссылка-адрес E-mail, при нажатии на которую запустится почтовая программа "по умолчанию", для отправки письма на указанный адрес.
user@domain.com

[email=user@domain.com]Нажмите для отправки письма[/email] - ссылка-адрес E-mail с произвольным текстом.
Нажмите для отправки письма

---

[code]$this_var = "Лирушники всех стран, объединяйтесь!";[/code] - ВВ-код для оформления произвольного кода, который вы хотите показать в сообщении. Получается так:

code:
$this_var = "Лирушники всех стран, объединяйтесь!";

[php]php-код[/php] - аналогичен для вставки PHP-кода.

---

Основная информация по ВВ-кодам представлена на странице справки Ли.ру.

Приложение. Названия цветов для использования в ВВ-кодах:

аква - aqua
белый - white
желтый - yellow
зеленый - green
известь - lime
красный - red
оливковый - olive
серебряный - silver
серый - gray
синий - blue
темно-бордовый - maroon
темно-синий - navy
фиолетовый - purple
фуксия - fuchsia
черный - black
чирок - teal

Как вставить HTML-код в сообщение, эпиграф, комментарий?

Обычная ситуация: пользователь копирует на каком-нибудь сервисе "полезняшек" код, вставляет его в пост или эпиграф и видит такую картину, как на скриншоте ниже.

Это простая ошибка, которую легко исправить, если знать причину и знать, какие существуют редакторы.

Любая веб-страница состоит из специальных команд-тегов: html, php и т.п. Эти теги дают команду браузерам (Internet Explorer, Opera, Mozilla Firefox и другим), как отображать веб-страницу на экране вашего монитора.

Попробуйте нажать комбинацию клавиш Ctrl+U и вы увидите страницу так, как ее видит браузер.

HTML и BB коды
Если объяснить совсем просто, то обычно визуально их можно отличить по скобочкам:
HTML-коды - угловые скобки (< и >), например, <strong>;
BB-коды - квадратные скобки ([ и ]), например, [user=].

Простой и расширенный редактор на ЛиРу
На LiveInternet используется простой и расширенный редактор (они есть на страничке настроек и на странице добавления нового сообщения). И ВВ-, и HTML-коды "работают" и в простом, и в расширенном редакторе. Но есть одна особенность.

Если вы вставите HTML-код в расширенном редакторе, то они будут восприняты как простой текст.
Поэтому при вставке HTML-кода в расширенном редакторе нужно нажать кнопку "Источник". Или переключиться на простой редактор.

Простой редактор эпиграфа.

Такие же кнопки и ссылки есть и на странице добавления сообщений.

В комментариях есть только простой редактор.

Использованы материалы постов BraveDefender