Панель кнопок в форме ответа
Предсловие
Панель кнопок формы ответа - строка с кнопками над местом, где мы пишем сообщение. Там представлены теги исключительно в формате BBCode (как их называют, bb-теги или bb-коды), ибо только такой формат поддерживается форумом на пользовательском уровне. В отличие от иных платформ (как было когда-то, например, на uCoz), MyBB не разрешает свободно использовать язык html в постах, а только при установке специальных скриптов. Безусловно, bb-коды предлагают лишь малую долю из тех возможностей, что реализуются посредством html и css, и для опытного пользователя их может показаться недостаточно. Особенно при том, что и в имеющейся панели кнопок представлены далеко не все опции BBCode. Однако не будем снобами и честно признаем, что на настоящий момент функционал уже весьма обширен и может удовлетворить даже довольно предвзятый вкус. Многим же игрокам для успешного пользования форумом вполне достаточно и всего нескольких bb-тегов. Рассмотрим более подробно.
Основы
Простейшие теги обязательные к использованию на форуме, по порядку расположения на панели кнопок:
Тег | Назначение | Пример с кодом | Результат |
[b*][/b*] | жирное выделение | [b*]светлые угодники[/b*] | светлые угодники |
[i*][/i] | наклонное выделение | [i*]темный пантеон[/i] | темный пантеон |
[u*][/u*] | подчеркивание | [u*]акаловы портки[/u*] | акаловы портки |
[url*=][/url*] | вставка ссылки | [url*=http://vk.com/]вк[/url*] | вк |
-- |
Звездочки добавлены, чтобы теги не срабатывали.
Жирное выделение используется для оформления своей прямой речи, наклонное - для оформления мыслей,
подчеркивание - для чужой речи. Ссылка ставится при переходах между локациями. Эти же теги, но уже с тире, кавычками и стрелками, вы можете найти под кнопкой с плюсом в правой части панели кнопок.
Примечание: У ссылок есть интересное свойство - самостоятельное преобразование в ссылко-текст. Для этого не нужно использовать тег вообще, а только просто ставить ссылку голой, но с обеих сторон окруженной пробелами. Уже в предпросмотре можно увидеть результат. Однако важный момент: наш форум находится на двух доменах - https://fantezigra.rolka.me и https://fantezigra.rolka.me - и, ссылка преобразуется, только если ее адрес совпадает с доменом в адресной строке браузера.
Чего делать не стоит
Теги бывают парными и одинарными. Перечисленные выше, как и большинство других bb-кодов, являются парными, то есть состоят из двух частей: открывающей «[тег]» и закрывающей «[/тег]». Ввиду чего:
• В парном теге закрывающая часть должна присутствовать всегда.
Иначе его действие распространится до тех пор, пока он не найдет «закрывашку» в другом месте, игнорируя вторую «открывашку», а то и до конца поста, если тега закрытия в нем нет вовсе. Данная ошибка нередко появляется при ручном оформлении прямой речи.
[Ь]- Это натуральное волшебство! - воскликнул мальчишка, глядя на фокусника. [Ь]- Повтори![/Ь]
- Это натуральное волшебство! - воскликнул мальчишка, глядя на фокусника. [Ь]- Повтори!
• Закрывающая часть одного тега должна стоять до того, как откроется второй такой же или однотипный.
Иначе, как и в предыдущем случае, первый тег перекроет действие второго, деформируя оформление. Чаще всего подобная ошибка встречается при выравнивании текста.
[аlign=center]Тихо, Танечка, не плачь,
[аlign=right]А то будешь там, где мяч.[/аlign][/аlign] | Тихо, Танечка, не плачь,
[аlign=right]А то будешь там, где мяч.[/аlign] |
• При закрытии нескольких парных тегов стоит соблюдать обратную очередность их начального написания.
При несоблюдении данного правила оформление, как правило, не деформируется, однако вероятность все же есть, ибо это некорректно.
Некорректно: [font=Arial][size=10][u]Таинственная непостижимость бытия.[/font][/u][/size]
Корректно: [font=Arial][size=10][u]Таинственная непостижимость бытия.[/u][/size][/font]
Иные часто используемые bb-коды
• Шрифт - первая кнопка слева, в виде буквы.
[fоnt=Arial][/fоnt]
Едва ли данный тег нуждается в представлении, однако кое-что пояснить все же надо: не используйте шрифты, отсутствующие в выпадающем меню, ибо там перечислен стандартный перечень шрифтов, имеющийся практически на каждом компьютере (а если какой-либо отсутствует, то настоятельный совет оным обзавестись). Безусловно, существует множество привлекательных шрифтов, однако для корректного отображения они должны быть установлены в системную папку компьютера. В ином случае вставляйте такой текст картинкой.
• Спойлер, или свернутый текст - кнопка раскрытой книги.
[spоilеr="Свернутый текст"][/spоilеr]
Позволяет спрятать любые объекты: текст, картинку, таблицу, видео и прочее. Примечательно, что название спойлера, то бишь содержимое кавычек, также можно оформить с помощью bb-тегов.
Название спойлера
Скрываемое содержимое.
Скрываемое содержимое. 
• Цветовыделение - кнопка палитры.
[color=teal][/color] или [color=#008080][/color]
То есть данный тег для цветовыделения текста поддерживает как ключевое имя цвета, так и его шестнадцатеричный код. Палитра у нас немаленькая, но если и этого недостаточно, то можно заглянуть, например, на этот сайт.
• Цитата - кнопка облака, справа от замка.
[quоte="ник"][/quоte] или просто [quоte][/quоte]
В первом случае в цитатный блок будет добавлено имя автора, во втором - без оного указания.
Н. Кошанский написал(а):Ничто столько не отличает человека от прочих животных, как сила ума и дар слова.
| Слова умеют плакать и смеяться,
Приказывать молить и заклинать,
И, словно сердце, кровью обливаться,
И равнодушным холодом дышать. ©
|
• Обтекание - кнопка с собакой.
[flоаt=left][/flоаt] и [flоаt=right][/flоаt]
Данный тег позволяет вставить в пост определенный объект так, чтобы текст его обтекал. Чаще всего таковым объектом является картинка, но обтеканию также подлежит музыка, ссылка или просто текст, равно как и все это вместе. Обратите внимание, что атрибуты «left» и «right» обозначают положение объекта относительно текста, а не наоборот.
[float=left]  [/float]
«left»
Картинка располагается слева.
Текст обтекает справа. | [float=right] [/float]
«right»
Картинка располагается справа.
Текст обтекает слева. |
Какие нюансы стоит учитывать при использовании данного bb-кода:
- Тег не поддерживает обтекание квадратных скобок «[]», скрадывая все заключенное в них содержимое, то есть на выходе вы получите пустое пространство. Если скобки поставить вам все же хочется, используйте обычные «()» или фигурные «{}».
- Вокруг обтекаемого объекта тег создает отступ в 15 px со всех сторон, кроме низа, учитывайте это при оформлении.
- Данный тег как таковой относится к когорте выравнивающих, оттого вставлять в него иные подобные теги бесполезно. То есть заведомо неверна такая строка кода: [flоаt=right][iмg]xx.png[/iмg][аlign=center]текст[/аlign][/flоаt]
Иные редко используемые bb-коды
Что не отменяет их пользы при оформлении. Располагаются под кнопкой в виде серого треугольника.
• Поясняющий текст или всплывающая подсказка: [аbbr=""][/аbbr]
Пояснить можно как текст, так и картинку, кои должны располагаться между открывающей и закрывающей частями тега. Сама подсказка заносится между кавычками и может иметь исключительно текстовый вид без каких-либо тегов. В разных браузерах помеченные данным тегом объекты отображаются по-разному: в одних их видно сразу, в иных - пока не наведешь курсор, после чего пояснение и всплывает.
[аbbr="оригинальный | 1000 франков"]плащ невидимости[/аbbr] | плащ невидимости | 
|
• Текст в верхнем/нижнем индексе: [suр][/suр] / [suЬ][/suЬ]
15 м[suр]2[/suр] | 15 м2 | log[suЬ]a[/suЬ]b | logab |
• Горизонтальная линия: [hr*]
Единственный из представленных одинарный тег, то есть закрывающей части не имеет. Создаваемая им линия простирается во всю ширь окна сообщения / ячейки таблицы / цитатного блока, то есть задать ей определенную ширину вручную не представляется возможным, равно как и иные параметры. Но, быть может, однажды сервис mybb расширит возможности данного и других bb-кодов.
.
. При редактировании сообщения кнопка недоступна.
