Fighting.ru - всё о файтингах

Сейчас я расскажу вам о том, как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode. Будет рассмотрена форумная панель с BB кодами.



------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Сделать жирный текст очень просто:
1. Печатаем требуемый текст

( Нажмите сюда, чтобы посмотреть изображение )

2. Выделяем его с помощью мыши

( Нажмите сюда, чтобы посмотреть изображение )

3. Нажимаем кнопку "B" в панели BBCode

( Нажмите сюда, чтобы посмотреть изображение )

4. Чтобы посмотреть то, как напечатанный текст будет выглядеть в сообщении, необходимо нажать кнопку "Предпросмотр"

( Нажмите сюда, чтобы посмотреть изображение )

5. Прямо над редактором появится окошко с предпросмотром вашего текста. В данном случае он преобразился в жирный, что и требовалось.

( Нажмите сюда, чтобы посмотреть изображение )

1. Нажимаем кнопку "B" в панели BBCode

( Нажмите сюда, чтобы посмотреть изображение )

2. Пишем требуемый текст внутри появившихся тегов [*b][/b*]

( Нажмите сюда, чтобы посмотреть изображение )

На этом различия в способах заканчиваются, и на этом я больше останавливаться не буду. Однако стоит упомянуть, что теги можно набирать и вручную в качестве 3 способа.

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Чтобы выделить текст курсивом или сделать его подчеркнутым, необходимо проделать те же действия, что и для набора жирного текста, однако за курсив будет отвечать кнопка i, а за подчеркнутый текст кнопка u.

( Нажмите сюда, чтобы посмотреть изображение )

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Тут по-прежнему работают стандартные способы редактирования. За данную функцию отвечает кнопка "Quote". На выходе получаем следующий результат:

( Нажмите сюда, чтобы посмотреть изображение )

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
За данную функцию отвечает кнопка "Code", результат:

( Нажмите сюда, чтобы посмотреть изображение )

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Тут немного посложнее.

1. Пишем заголовок списка, на следующей строке ставим тег List (для создания ненумерованного списка), либо List= (для создания нумерованного списка).

( Нажмите сюда, чтобы посмотреть изображение )

2. Для нумерованного списка после знака = необходимо добавить либо цифру (например 1), либо букву (например а), для непосредственно цифровой или буквенной нумерации списка. Затем добавляем элементы в список, для удобства каждый элемент лучше писать на новой строчке, а также перед каждым элементом необходимо поставить тег [*] (за него отвечает кнопка "[*]" на панели BBCode) . Выглядит это все следующим образом:

( Нажмите сюда, чтобы посмотреть изображение )

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Картинка вставляется абсолютно такими же способами, как и жирный текст. Например: сначала копируем URL адрес картинки в сообщение, выделяем его мышкой, нажимаем кнопку "Img" и любуемся результатом.

( Нажмите сюда, чтобы посмотреть изображение )

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Необходимо проделать следующие действия:

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

( Нажмите сюда, чтобы посмотреть изображение )

2. После знака = вставить адрес страницы, на которую будет текст

( Нажмите сюда, чтобы посмотреть изображение )

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

( Нажмите сюда, чтобы посмотреть изображение )

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

( Нажмите сюда, чтобы посмотреть изображение )

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Это делается точно также, как и вставка обычного изображения, только вместо кнопки "Img" используется кнопка "album", а вместо url адреса используется id изображения в галерее. Например: адрес изображения в галерее gallery/image.php?album_id=379&image_id=2797. Нам нужны цифры после id=, т.е. id данного изображения будет 2797, его и используем для вставки изображения.

( Нажмите сюда, чтобы посмотреть изображение )

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Стандартная процедура: пишем текст, выделяем его мышкой и нажимаем на кнопку "cut=". Всё, текст будет находится под катом/спойлером. Если вы захотите дать ему название, то его необходимо вписать после знака =.

( Нажмите сюда, чтобы посмотреть изображение )

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Для этого необходимо текст оффтопа выделить значком "off"

( Нажмите сюда, чтобы посмотреть изображение )

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Он скрывается под кнопкой s, делается аналогично жирному и другим текстам.

( Нажмите сюда, чтобы посмотреть изображение )

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Вставляете URL адрес песни, жмете кнопку "soundcloud" и получается следующее

( Нажмите сюда, чтобы посмотреть изображение )

Возможно я делаю что-то не так, но пока мне не понятен смысл данного тега, который работает как гиперссылка с урезанной картинкой.

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Просто вставляете ссылку на видео в сообщение и готово! Однако советую прятать видео под кат/спойлер, но чтобы видео работало под катом/спойлером, необходимо перед ссылкой поставить любой знак (например невидимый - alt+255, или же просто точку), и нажатием enter перенести ссылку на новую строку.

( Нажмите сюда, чтобы посмотреть изображение )

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

На этом разбор форумной панели с BB кодами закончен. Не забывайте, что можно комбинировать данные коды, например делать текст большим и жирным, а также кликабельным (вставить гиперссылку). Если есть вопросы, замечания и прочее, пишите в теме!

Как изменять выравнивание текста (по левому краю, центру, правому краю)?

ОП выпили из скриншотов с примерами картинку из своей подписи, если можно.

Percimon
[ left ] [ /left ] [ right ] [ /right ] Fate
Ну ты прав в том, что по-хорошему это должна быть тема в разделе "о форуме", а в новостях - разве что её анонс...

Void92
Давай я это перенесу в другой раздел, а тут оставим новость про то, что "появился гайд, который позволит всем вам блаблабла..."?

BioLogIn писал(а):Давай я это перенесу в другой раздел, а тут оставим новость про то, что "появился гайд, который позволит всем вам блаблабла..."?

Не против

Void92 писал(а):Не против

Ок, полетели )

Привел тему в читабельный вид

BioLogIn писал(а):Percimon
[ left ] [ /left ]
равнение налево

[ right ] [ /right ]

Почему кнопок для использования тэгов выравнивания текста нет на панели форматирования?

Fatal1ty_93_RUS
Давай скажем, что есть некоторые технические причины...

==

Я больше скажу, у нас еще и таблицы есть, для тех, кому очень надо. [ table ] [ tr ] [ td ], вот это всё...

А равнение по центру имеется?

ZBEP
Увы, нет.

Для таблиц тоже кнопочки хотелось бы

Fatal1ty_93_RUS
Не будет, сорри.

BioLogIn писал(а):Fatal1ty_93_RUS
Давай скажем, что есть некоторые технические причины...

==

Я больше скажу, у нас еще и таблицы есть, для тех, кому очень надо. [ table ] [ tr ] [ td ], вот это всё...

нет ли возможности добавить свойство "border" для таблиц? а то весь текст сливается, хорошо бы отделить друг от друга ячейки. ну и свойство "width" тоже бы не помешало
Пробую в тег добавлять border=1 и вся таблица со всеми данными полностью исчезает из сообщения

Genickus
Если кратко, то сорри, но нет.

( Если подробно )

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

Дорабатывать сайт и вики по вашим заявкам я готов, главное - пишите, что нужно.

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

BioLogIn А каким будет новый движок?

Fatal1ty_93_RUS

Offtop

Будет phpbb 3.2 - там, в том числе, с нуля переделан кусок, отвечающий за bbcode.