Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Все вопросы и пожелания по работе проекта Fighting.ru
Аватара пользователя
Gwelirid
Newbie
Сообщения: 1356
Зарегистрирован: 04 апр 2015, 12:09
Карточка игрока: BluOFF
Откуда: Красноярск
Благодарил (а): 222 раза
Поблагодарили: 572 раза
Gender:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение Gwelirid » 21 янв 2016, 17:10

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

Изображение

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

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


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

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


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

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


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

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


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

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

2 способ
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, делается аналогично жирному и другим текстам.

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


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

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


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

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

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


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

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

Аватара пользователя
Percimon
Who da fook is dat guy?
Сообщения: 1318
Зарегистрирован: 27 янв 2014, 17:41
Откуда: Санкт-Петербург
Благодарил (а): 82 раза
Поблагодарили: 701 раз
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение Percimon » 21 янв 2016, 17:21

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

Аватара пользователя
Belial
Трололорд
Сообщения: 10946
Зарегистрирован: 05 июл 2005, 13:00
Карточка игрока: Belial
Канал пользователя: Captain Russia
Откуда: Москва
Благодарил (а): 1139 раз
Поблагодарили: 4119 раз
Gender:
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение Belial » 21 янв 2016, 17:31

ОП выпили из скриншотов с примерами картинку из своей подписи, если можно.
If you were to face an ancient Sith lord in combat, you would learn that we are as children playing with toys compared to the prowess of the old masters

Аватара пользователя
Fate
私は総てを愛している
Сообщения: 3551
Зарегистрирован: 04 апр 2007, 19:43
Карточка игрока: Fate
Откуда: Москау
Благодарил (а): 441 раз
Поблагодарили: 679 раз
Gender:
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение Fate » 21 янв 2016, 17:53

Offtop
А я думал, это раздел новостей...
Vorüber! Ach, vorüber! Geh, wilder Knochenmann!
Ich bin noch jung! Geh, lieber, und rühre mich nicht an.
Gib deine Hand, du schön und zart Gebild!
Bin Freund, und komme nicht, zu strafen.
Sei gutes Muts! ich bin nicht wild,
Sollst sanft in meinen Armen schlafen!


Изображение

Случайностей нет. Есть только Судьба.

ZorN
Warlock
Сообщения: 3019
Зарегистрирован: 06 сен 2013, 03:03
Карточка игрока: ZorN
Откуда: Москва
Благодарил (а): 1563 раза
Поблагодарили: 965 раз
Gender:
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение ZorN » 21 янв 2016, 17:56

Offtop
Слишком много букфф и картинок, #ниасилил.
Последний раз редактировалось ZorN 21 янв 2016, 17:56, всего редактировалось 1 раз.
MK 9: Quan Chi, Scarlet, Liu Kang
Ты мечтал родиться cотни лет назад,
IGAU: Zatanna, Zod
Биться на турнирах в блеске черных лат.
MK X: Quan Chi, Alien
Закат багровой краской твой бы красил щит
Injustice 2: Dr. Fate
И враги бы знали - Ты лишен души.
MK 11: Shao Kahn, Geras, Jacqui
( )
Эффект ZorN'a

BioLogIn
Запускаю супер
Сообщения: 21061
Зарегистрирован: 05 июл 2005, 13:00
Карточка игрока: BioLogIn
Канал пользователя: BioLogIn
Благодарил (а): 1356 раз
Поблагодарили: 2713 раз
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение BioLogIn » 21 янв 2016, 18:02

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

Void92
Давай я это перенесу в другой раздел, а тут оставим новость про то, что "появился гайд, который позволит всем вам блаблабла..."?
Death doesn’t discriminate
Between the sinners and the saints
It takes and it takes and it takes
And history obliterates
In every picture it paints
It paints me and all my mistakes
===========================
Fighting.ru | GuiltyGear.ru

Аватара пользователя
Gwelirid
Newbie
Сообщения: 1356
Зарегистрирован: 04 апр 2015, 12:09
Карточка игрока: BluOFF
Откуда: Красноярск
Благодарил (а): 222 раза
Поблагодарили: 572 раза
Gender:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение Gwelirid » 21 янв 2016, 18:16

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

BioLogIn
Запускаю супер
Сообщения: 21061
Зарегистрирован: 05 июл 2005, 13:00
Карточка игрока: BioLogIn
Канал пользователя: BioLogIn
Благодарил (а): 1356 раз
Поблагодарили: 2713 раз
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение BioLogIn » 21 янв 2016, 18:29

Void92 писал(а):Не против
Ок, полетели )
Death doesn’t discriminate
Between the sinners and the saints
It takes and it takes and it takes
And history obliterates
In every picture it paints
It paints me and all my mistakes
===========================
Fighting.ru | GuiltyGear.ru

Аватара пользователя
Gwelirid
Newbie
Сообщения: 1356
Зарегистрирован: 04 апр 2015, 12:09
Карточка игрока: BluOFF
Откуда: Красноярск
Благодарил (а): 222 раза
Поблагодарили: 572 раза
Gender:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение Gwelirid » 01 фев 2016, 13:09

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

Аватара пользователя
PVL_93_RU
Новичок
Сообщения: 2992
Зарегистрирован: 15 июл 2011, 14:30
Карточка игрока: Fatal1ty_93_RUS
Откуда: Россия, Москва
Благодарил (а): 89 раз
Поблагодарили: 1317 раз
Gender:
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение PVL_93_RU » 01 фев 2016, 13:45

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

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

BioLogIn
Запускаю супер
Сообщения: 21061
Зарегистрирован: 05 июл 2005, 13:00
Карточка игрока: BioLogIn
Канал пользователя: BioLogIn
Благодарил (а): 1356 раз
Поблагодарили: 2713 раз
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение BioLogIn » 01 фев 2016, 14:02

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

==

Я больше скажу, у нас еще и таблицы есть, для тех, кому очень надо. [ table ] [ tr ] [ td ], вот это всё...
Death doesn’t discriminate
Between the sinners and the saints
It takes and it takes and it takes
And history obliterates
In every picture it paints
It paints me and all my mistakes
===========================
Fighting.ru | GuiltyGear.ru

Аватара пользователя
ZBEP
Button Smasher
Сообщения: 2638
Зарегистрирован: 02 дек 2008, 13:40
Карточка игрока: ZBEP
Канал пользователя: ZBEP
Откуда: Екатеринбург
Благодарил (а): 374 раза
Поблагодарили: 521 раз
Gender:
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение ZBEP » 01 фев 2016, 14:50

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

BioLogIn
Запускаю супер
Сообщения: 21061
Зарегистрирован: 05 июл 2005, 13:00
Карточка игрока: BioLogIn
Канал пользователя: BioLogIn
Благодарил (а): 1356 раз
Поблагодарили: 2713 раз
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение BioLogIn » 01 фев 2016, 16:04

ZBEP
Увы, нет.
Death doesn’t discriminate
Between the sinners and the saints
It takes and it takes and it takes
And history obliterates
In every picture it paints
It paints me and all my mistakes
===========================
Fighting.ru | GuiltyGear.ru

Аватара пользователя
Gwelirid
Newbie
Сообщения: 1356
Зарегистрирован: 04 апр 2015, 12:09
Карточка игрока: BluOFF
Откуда: Красноярск
Благодарил (а): 222 раза
Поблагодарили: 572 раза
Gender:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение Gwelirid » 14 фев 2016, 09:04

Теперь доступно выравнивание по центру тегами [ center ] [ /center ]
Спасибо BioLogIn'у!

Аватара пользователя
PVL_93_RU
Новичок
Сообщения: 2992
Зарегистрирован: 15 июл 2011, 14:30
Карточка игрока: Fatal1ty_93_RUS
Откуда: Россия, Москва
Благодарил (а): 89 раз
Поблагодарили: 1317 раз
Gender:
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение PVL_93_RU » 25 фев 2016, 11:37

Для таблиц тоже кнопочки хотелось бы
SFIV: Fei Long, Sagat
SFV: Ryu, Zeku
KOFXV: Ryo/K/???
SamSho: Hanzo
Xrd: Kum
BBCF: Naoto
DNF Duel: Grappler
DBFZ: Cooler/Piccolo/Goku Blue
UNICLR: Enkidu
Type Lumina: Kouma
MKX: Kano, Takeda
MK11: Sub-Zero
T7: Feng, Heihachi

BioLogIn
Запускаю супер
Сообщения: 21061
Зарегистрирован: 05 июл 2005, 13:00
Карточка игрока: BioLogIn
Канал пользователя: BioLogIn
Благодарил (а): 1356 раз
Поблагодарили: 2713 раз
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение BioLogIn » 25 фев 2016, 15:07

Fatal1ty_93_RUS
Не будет, сорри.
Death doesn’t discriminate
Between the sinners and the saints
It takes and it takes and it takes
And history obliterates
In every picture it paints
It paints me and all my mistakes
===========================
Fighting.ru | GuiltyGear.ru

Аватара пользователя
Genickus
SakhFight
Сообщения: 652
Зарегистрирован: 24 апр 2012, 05:47
Карточка игрока: Genickus
Откуда: Сахалин
Поблагодарили: 549 раз
Gender:
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение Genickus » 15 мар 2016, 06:06

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

==

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

BioLogIn
Запускаю супер
Сообщения: 21061
Зарегистрирован: 05 июл 2005, 13:00
Карточка игрока: BioLogIn
Канал пользователя: BioLogIn
Благодарил (а): 1356 раз
Поблагодарили: 2713 раз
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение BioLogIn » 15 мар 2016, 15:52

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

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

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

Дорабатывать форум (особенно старый движок, который нас вскоре покинет), чтобы продублировать там функционал, который у нас уже есть на сайте (там, напомню, не только рамки у табличек, но и сортировка, и поиск по географии и еще много чего), я не считаю рациональной тратой времени.
Death doesn’t discriminate
Between the sinners and the saints
It takes and it takes and it takes
And history obliterates
In every picture it paints
It paints me and all my mistakes
===========================
Fighting.ru | GuiltyGear.ru

Аватара пользователя
PVL_93_RU
Новичок
Сообщения: 2992
Зарегистрирован: 15 июл 2011, 14:30
Карточка игрока: Fatal1ty_93_RUS
Откуда: Россия, Москва
Благодарил (а): 89 раз
Поблагодарили: 1317 раз
Gender:
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение PVL_93_RU » 15 мар 2016, 17:00

BioLogIn А каким будет новый движок?
SFIV: Fei Long, Sagat
SFV: Ryu, Zeku
KOFXV: Ryo/K/???
SamSho: Hanzo
Xrd: Kum
BBCF: Naoto
DNF Duel: Grappler
DBFZ: Cooler/Piccolo/Goku Blue
UNICLR: Enkidu
Type Lumina: Kouma
MKX: Kano, Takeda
MK11: Sub-Zero
T7: Feng, Heihachi

BioLogIn
Запускаю супер
Сообщения: 21061
Зарегистрирован: 05 июл 2005, 13:00
Карточка игрока: BioLogIn
Канал пользователя: BioLogIn
Благодарил (а): 1356 раз
Поблагодарили: 2713 раз
Контактная информация:

Как красиво оформлять свои сообщения на форуме, пользуясь возможностями BBCode

Сообщение BioLogIn » 15 мар 2016, 18:09

Fatal1ty_93_RUS
Offtop
Будет phpbb 3.2 - там, в том числе, с нуля переделан кусок, отвечающий за bbcode.
Death doesn’t discriminate
Between the sinners and the saints
It takes and it takes and it takes
And history obliterates
In every picture it paints
It paints me and all my mistakes
===========================
Fighting.ru | GuiltyGear.ru

Ответить