Тестирование возможностей форматирования текста с помощью BBCode

Просто флудилка
Аватара пользователя
bellic
Сообщения: 115
Зарегистрирован: Вт сен 27, 2016 12:49 pm
Откуда: Rostov-on-Don
Контактная информация:

Тестирование возможностей форматирования текста с помощью BBCode

Сообщение bellic » Пн янв 30, 2017 12:57 pm

...
Позволю себе немного протестировать еще не испробованные мной варианты форматирования текста... ;)

ТЕСТИРУЮ "QUOTE"
Значимость этих проблем настолько очевидна, что консультация с широким активом требуют от нас анализа существенных финансовых и административных условий. Разнообразный и богатый опыт укрепление и развитие структуры способствует подготовки и реализации систем массового участия. Таким образом новая модель организационной деятельности требуют от нас анализа новых предложений.


ТЕСТИРУЮ "CENTER"
Не следует, однако забывать, что консультация с широким активом позволяет оценить значение систем массового участия. Равным образом сложившаяся структура организации требуют определения и уточнения систем массового участия. Равным образом начало повседневной работы по формированию позиции обеспечивает широкому кругу (специалистов) участие в формировании направлений прогрессивного развития.


ТЕСТИРУЮ "CODE"

Код: Выделить всё

Задача организации, в особенности же новая модель организационной деятельности влечет за собой процесс внедрения и модернизации систем массового участия. Равным образом консультация с широким активом играет важную роль в формировании форм развития. Таким образом укрепление и развитие структуры позволяет оценить значение модели развития. Повседневная практика показывает, что консультация с широким активом способствует подготовки и реализации модели развития. Повседневная практика показывает, что сложившаяся структура организации представляет собой интересный эксперимент проверки направлений прогрессивного развития.


ТЕСТИРУЮ "CODE-PRE"
Равным образом постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании форм развития. Значимость этих проблем настолько очевидна, что укрепление и развитие структуры играет важную роль в формировании направлений прогрессивного развития.


ТЕСТИРУЮ "FRAME"

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



ТЕСТИРУЮ "SPLITTER"
[splitter=]Повседневная практика показывает, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации позиций, занимаемых участниками в отношении поставленных задач. Не следует, однако забывать, что постоянный количественный рост и сфера нашей активности способствует подготовки и реализации системы обучения кадров, соответствует насущным потребностям. С другой стороны консультация с широким активом влечет за собой процесс внедрения и модернизации новых предложений.[/splitter]

СПЛИТТЕР НЕ РАБОТАЕТ !!!

ТЕСТИРУЮ "SPOILER"
Тут можно писать подпись - что там внутри находится
Товарищи! дальнейшее развитие различных форм деятельности играет важную роль в формировании существенных финансовых и административных условий. С другой стороны рамки и место обучения кадров в значительной степени обуславливает создание новых предложений. Задача организации, в особенности же дальнейшее развитие различных форм деятельности позволяет оценить значение существенных финансовых и административных условий. Идейные соображения высшего порядка, а также постоянный количественный рост и сфера нашей активности позволяет оценить значение новых предложений. Товарищи! укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании форм развития.


============================================

Подчёркнутый текст

[s] Зачёркнутый текст [/s] — аналогично варианту [strike] [/strike]

[small] Уменьшенный шрифт [/small]

Знак сноски [sup] сверху [/sup] или индекс [sub] снизу [/sub] от текста

[ins] Добавленный текст [/ins]

[del] Удалённый текст [/del]

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

[size=13pt] Шрифт размером 13 пунктов [size]

[size=15pt] Шрифт размером 15 пунктов [size]

[size=9px] Шрифт размером 9 пикселей [size]

[size=12px] Шрифт размером 12 пикселей [size]

[size=15px] Шрифт размером 15 пикселей [size]

[size=0] Размер 0 [size]

[size=+1] Размер +1 [size]

[size=+2] Размер +2 [size]

Возможные варианты размеров шрифтов (визуальная оценка) доступны здесь.
Заголовки:

[h1] Заголовок 1-го уровня [/h1]

[h2] Заголовок 2-го уровня [/h2]

[h3] Заголовок 3-го уровня [/h3]

[h4] Заголовок 4-го уровня [/h4]

[h5] Заголовок 5-го уровня [/h5]

[h6] Заголовок 6-го уровня [/h6]

Оформление текста с помощью шрифтов:

[font=Times New Roman] Шрифт Comic Sans Ms [/font]

[font=Monotype Corsiva] Шрифт Monotype Corsiva [/font]

[font=Tahoma] Шрифт Tahoma [/font]

Оформление текста с помощью цвета:

Красный текст
* Можно пользоваться стандартными словесными обозначениями цветов: Red, Green, Blue и т.д.

Синий текст
* Цифра #0000ff означает синий цвет в RGB палитре.

[bg=#eeeeff] Голубой фон [/bg]
* У фона тоже можно менять цвет.

[bg=lightgray] Синий текст, серый фон [/bg]

Выравнивание текста:

[left] Выравнивание текста по левой стороне [/left]

[left стиль] Выравнивание по левой стороне со стилем [/left]

[pleft] Выравнивание в абзаце влево [/pleft]

Выравнивание текста по центру


[center стиль] Выравнивание по центру со стилем [/center]

[pcenter] Выравнивание в абзаце по центру [/pcenter]

[right] Выравнивание текста по правой стороне [/right]

[right стиль] Выравнивание по правой стороне со стилем [/right]

[pright] Выравнивание в абзаце справа [/pright]

[justify] Выравнивание текста по обеим сторонам [/justify]

[justify стиль] Выравнивание по обеим сторонам со стилем [/justify]

[pjustify] Выравнивание в абзаце по обеим сторонам [/pjustify]
* Выравнивание текстов по обеим сторонам отображается для текстов, имеющих длину более одной строки.

Оформление сносок (комментариев) с отступом абзаца:

[q] Цитата в строке [/q]

[q свойства] Цитата в строке со свойствами [/q]

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


Примеры:
Lorem ipsum dolor sit amet

[quote=John Doe]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe;54525188]Lorem ipsum dolor sit amet[/quote]


Форматирование параграфов и областей:

[indent]

Привет! В этом абзаце первое предложение будет с "красной" строки, т.е. с отступом. Прямо как в книгопечати. Правда, в Интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком.
[/indent]

[pre]

Преформатированый текст
сохраняет отступы слева и между словами
и устанавливает те отступы, что вы укажите пробелами.
Предупреждение! Тэг не делает переноса строки автоматом!
[/pre]


Форматирование списков
Используем тэг [ul] или
    для маркированных списков:

    Один из пунктов списка
    Другой такой пункт
    Ещё один пункт.
    [ul]
  • Один из пунктов списка
  • Другой такой пункт
  • Ещё один пункт.
  • [/ul]

    Для пронумерованных списков используем тэг [ol]:

    Один из пунктов списка
    Другой такой пункт
    Ещё один пункт.
    [ol]
  • Один из пунктов списка
  • Другой такой пункт
  • Ещё один пункт.
  • [/ol]

    Закрывающий тэг не обязателен для использования:

    Один из пунктов списка
    Другой такой пункт
    Ещё один пункт.
    • Один из пунктов списка
    • Другой такой пункт
    • Ещё один пункт.

Также возможно прямое указания вида списка:
[list=1] — пронумерованный список
[list=a] — алфавитный список
[list=i] — список, пронумерованный римскими цифрами


Картинки
Изображение — пример вставки картинки.

[imgleft] Войдите или зарегистрируйтесь, чтобы увидеть ссылку [/imgleft] — картинка слева.
* Данный код аналогичен коду в HTML:
<img src="http://img.cx/img/primer.jpg" style="float: left; margin: 0 10px 0 0;">

[imgright] Войдите или зарегистрируйтесь, чтобы увидеть ссылку [/imgright] — картинка справа.
* Данный код аналогичен коду в HTML:
<img src="http://img.cx/img/primer.jpg" style="float: right; margin: 0 0 0 10px;">

[imgcenter] Войдите или зарегистрируйтесь, чтобы увидеть ссылку [/imgcenter] — картинка по центру.
* Данный код аналогичен коду в HTML:
<div style="text-align: center"><img src="http://img.cx/img/primer.jpg"></div>

Аналогичные тэги с названиями и всплывающими подсказками:

Важно! В названии картинки нельзя использовать кавычки!

[img Название] Войдите или зарегистрируйтесь, чтобы увидеть ссылку [/img] — пример вставки картинки.

[imgleft Название] Войдите или зарегистрируйтесь, чтобы увидеть ссылку [/imgleft] — картинка слева.

[imgright Название] Войдите или зарегистрируйтесь, чтобы увидеть ссылку [/imgright] — картинка справа.

[imgcenter Название] Войдите или зарегистрируйтесь, чтобы увидеть ссылку [/imgcenter] — картинка по центру.

Картинки с указанными размерами:

[img=300×500] Войдите или зарегистрируйтесь, чтобы увидеть ссылку [/img] — пример картинки с размером.
* Данный код аналогичен коду в HTML:
<img src="http://img.cx/img/primer.jpg" style="width: 300px; height: 500px">

[imgleft=300×500] Войдите или зарегистрируйтесь, чтобы увидеть ссылку [/imgleft] — картинка слева, с размером.

[imgright=300×500] Войдите или зарегистрируйтесь, чтобы увидеть ссылку [/imgright] — картинка справа, с размером.

Вставка больших изображений с полосами прокрутки:

[image] Войдите или зарегистрируйтесь, чтобы увидеть ссылку [/image] — картинка в выделенной области, если она больше доступного размера отображения на форуме.


Миниатюры изображения со ссылкой на оригинал:

[imgmini=_адрес-mini] адрес [/imgmini] — открыть изображение в новом окне.
* Данный код аналогичен коду в HTML:
<a href="адрес" target="_blank"><img src="адрес-mini"></a>

[imgmini=адрес-mini] адрес [/imgmini] — открыть изображение в том же окне.
* Данный код аналогичен коду в HTML:
<a href="адрес"><img src="адрес-mini"></a>


Ссылки на другие страницы, FTP, E-Mail и др.
Войдите или зарегистрируйтесь, чтобы увидеть ссылку — обычная ссылка.
* Данный код аналогичен коду в HTML:
<a href="http://www.hdsw.ru/">http://www.hdsw.ru/</a>

Войдите или зарегистрируйтесь, чтобы увидеть ссылку
* Данный код аналогичен коду в HTML:
<a href="http://www.hdsw.ru/">Линк на HD Systems Worldwide</a>

Картинка-ссылка (баннер):
Войдите или зарегистрируйтесь, чтобы увидеть ссылку


e-mail@example.com — почтовый ящик как ссылка.
текст под ссылкой на e-mail

[icq] номер ICQ [/icq] — вставка ICQ-номера как ссылки.

[skype] логин в Skype [/skype] — вставка учётной записи Skype как ссылки.

[wmid] номер WMID [/wmid] — вставка WebMoney-идентификатора WMID как ссылки.

[wiki] искомое значение [/wiki] — ссылка на значение в энциклопедии.

[wiki=искомое значение] отображаемый текст [/wiki] — ссылка в текущем тексте (любом) на нужное значение в энциклопедии.

Ссылки внутри форумов и блогов:

[user] имя_пользователя [/user] — ссылка на профиль пользователя.
[user=ID_пользователя] имя_пользователя_произвольно [/user] — ссылка на профиль пользователя с произвольным текстом.

[forum=ID_форума] Описание [/forum] — ссылка на подфорум по его ID.

[blog=ID_блога] Описание [/blog] — ссылка на блог по его ID.

[thread] ID_темы [/thread] — ссылка на тему по его ID.
[thread=ID_темы] Описание [/thread]

[topic=ID_темы] Описание [/topic] — ссылка на тему по его ID.

[post] ID_сообщения [/post] — ссылка на сообщение по его ID.
[post=ID_сообщения] Описание [/post]

[snapback] ID_сообщения [/snapback] — вставляет маленькую иконку со ссылкой на указанное сообщение по его ID.

[entry=ID_поста] Описание [/entry] — ссылка на пост в блоге по его ID.


Таблицы
Пример простейшей таблицы:

Строка 1, колонка 1 Строка 1, колонка 2
Строка 2, колонка 1 Строка 2, колонка 2
[table]
[tr]
[td] Строка 1, колонка 1 [/td]
[td] Строка 1, колонка 2 [/td]
[/tr]
[tr]
[td] Строка 2, колонка 1 [/td]
[td] Строка 2, колонка 2 [/td]
[/tr]
[/table]

В таблице можно указывать произвольные стили и классы. Примеры:
[table class="red" style="border: 1px solid red"]
[tr rowspan="2"]
[td style="font-size: 18pt"]


Специальные тэги
[br] — тэг переноса строки.

[bs] — вставка неразрывного пробела, преобразуется в &nbsp;

[tab] — вставка отступа на 32 пикселя (4 символа), аналог символа TAB.

[ucase] ТЕКСТ [/ucase] — выделенный текст в верхнем регистре.

[lcase] текст [/lcase] — выделенный текст в нижнем регистре.

[highlight] Этот текст выделен [/highlight] — позволяет выделить ваш текст (цветом/фоном/шрифтом).

заголовок
скрытый текст
— позволяет спрятать большой кусок текста и изображения под ссылку (кат). Пример:
"Скриншоты"
Изображение скрытый текст


[extract] текст [/extract] — позволяет выделить часть поста в блоге, которая будет показана на титульной странице блога и в RSS feed. Остальной текст будет показан только на странице поста.

[noparse] значение [/noparse] — отменяет распознавание BB-кодов в выделенном тексте.

[noindex] текст [/noindex] — выделенный текст не будет индексироваться поисковыми системами.

[acronym=‘Твой Верный Спутник’] ТВС [/acronym] — позволяет ввести сокращение (акроним), которое будет показывать пояснение при наведении на него мышью.

[abbr] аббревиатура [/abbr] — указывает, что последовательность символов является аббревиатурой.
[abbr=расшифровка_аббревиатуры] аббревиатура [/abbr]

[cite] Сноска [/cite] — помечает текст как цитату или сноску на другой материал.
[cite свойства] Сноска [/cite]

[address] адрес [/address] — тэг предназначен для хранения информации об авторе и может включать в себя любые элементы вроде ссылок, текста, выделений и т.д.
[address свойства] адрес [/address]

[text-demo] — подключает файл text-demo.txt (можно использовать для проверки стилей шаблона).

[hr] — тэг вставки линии на всю ширину доступной области:


Работа с терминами
Для работы с терминами используется тройка элементов [dl], [dt], [dd], предназначенных для создания списка определений. Каждый такой список начинается с контейнера [dl], куда входит тег [dt], создающий термин и тег [dd], задающий определение этого термина. Закрывающий тег [/dt] не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.

Пример:
[dl]
[dt] Термин 1 [/dt]
[dd] Определение термина 1 [/dd]
[dt] Термин 2 [/dt]
[dd] Определение термина 2 [/dd]
[/dl]

Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег [dfn] применяется для выделения таких терминов, при их первом появлении в тексте.

[dfn] Новый термин [/dfn]

[dfn свойства] Новый термин [/dfn]


Вставка видео и других flash-объектов
[video] ссылка [/video] — универсальный тег.

Тэги под специализированные видеохостинги с использованием идентификатора:

[youtube] идентификатор [/youtube] — вставка видеоролика с YouTube.com

[rutube] идентификатор [/rutube] — вставка видеоролика с RuTube.ru

[googlevideo] идентификатор [/googlevideo] — вставка видеоролика с Google.com

[veoh] идентификатор [/veoh] — вставка видеоролика с Veoh.com

[smotri] идентификатор [/smotri] — вставка видеоролика с Smotri.com. Возможна модификация [smotricomvideo]

Тэги под специализированные видеохостинги с использованием ссылки:

[mailvideo] ссылка [/mailvideo] — вставка видеоролика с Mail.ru

[yandexvideo] ссылка [/yandexvideo] — вставка видеоролика с Yandex.ru

Любые flash-объекты (сторонние видеохостинги, flash-игры, flash-баннеры и т.д.) можно использовать с помощью: [flash=ширина,высота] адрес_объекта color=»#993333″>[/flash]
* Размер области определяется в пикселях.

Примеры:
[youtube]9L4YCG7dJeE[/youtube]
[video=youtube;9L4YCG7dJeE]https://youtu.be/9L4YCG7dJeE[/video]
[googlevideo]8420876204610684862[/googlevideo]
[veoh]v922088SBwxySaR[/veoh]
[yandexvideo]pugachev-alexander/1rgzbi6w6b.809/[/yandexvideo]


Отображение примеров различных кодов
BB-код в том числе предназначен для публикации примеров различных кодов. С помощью специального форматирования код будет только отображаться, но не исполняться. Кроме того, программный код будет отображаться с «цветовой подсветкой» (highlight).

[prog=язык] текст программы [/prog]
где «язык» может принимать значения: cpp, objectivec, cs, delphi, avrasm, 1c, python, profile, perl, erlang, erlang_repl, apache, nginx, php, xml, html, css, java, javascript, vbscript, sql, lisp, django, scala, ruby, go, lua, vala, rsl, rib, mel, smalltalk, bash, cmake, axapta, vhdl, parser3, tex, haskell, dos, ini, diff, no-highlight.

Код: Выделить всё

 текст моноширинным шрифтом
— любой код и текст.

Код: Выделить всё

 текст
— код языка PHP с соответствующей «цветовой подсветкой».

[php] отображаемый HTML-код [/php] — код PHP с «цветовой подсветкой».


[html] отображаемый HTML-код [/html] — код HTML с «цветовой подсветкой».


[sql] отображаемый HTML-код [/sql] — SQL-код с «цветовой подсветкой».


Специальные символы
Код Символ Для набора на клавиатуре нажмите*
&laquo; « ALT+0171
&raquo; » ALT+0187
&mdash; — ALT+0151
&copy; © ALT+0169
&reg; ® ALT+0174
&trade; ™ ALT+0153
&#0047; /
&lt; <
&gt; >
&nbsp; ALT+0160 — неразрывный пробел**
* — Зажмите кнопку ALT, наберите код, отпустите ALT. Работает в Windows.
** — Вставьте подряд несколько таких пробелов чтобы они не сливались в один:
&nbsp; &nbsp; &nbsp; — теперь слева отступ в шесть пробелов!

:lol: :D ;)

Вернуться в «Флудильня»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей