Меню

Как изменить цвет bb code



Как изменить цвет bb code

Как сделать текст жирным, наклонным или подчёркнутым BBCode включает теги для быстрого изменения стиля шрифта, сделать это можно следующими способами:

    Чтобы сделать текст жирным, заключите его в [b][/b], например:

[b]Привет[/b]

станет Привет
Для подчёркивания используйте [u][/u], например:

[u]Доброе утро[/u]

станет Доброе утро
Курсив делается тегами [i][/i], например:

Это [i]здорово![/i]

выдаст Это здорово!

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

    Цвет текста можно изменить, окружив его [color=][/color]. Вы можете указать либо известное имя цвета (red, blue, yellow и т. п.), или шестнадцатеричное представление, например #FFFFFF, #000000. Таким образом, для создания красного текста вы можете использовать:

    [color=red]Привет![/color]

    [color=#FF0000]Привет![/color]

    оба способа дадут в результате Привет!
    Изменение размера достигается аналогичным образом при использовании [size=][/size]. Этот тег зависит от используемых шаблонов, рекомендуемый формат — число, показывающее размер текста в процентах, от 20% (очень маленький) до 200% (очень большой) от размера по умолчанию. Например:

    [size=30]МАЛЕНЬКИЙ[/size]

    скорее всего будет МАЛЕНЬКИЙ

    [size=200]ОГРОМНЫЙ![/size]

    будет ОГРОМНЫЙ!

Могу ли я комбинировать теги? Да, конечно, можете. Например, для привлечения чьего-то внимания вы сможете написать:

[size=200][color=red][b]ПОСМОТРИТЕ НА МЕНЯ![/b][/color][/size]

что выдаст ПОСМОТРИТЕ НА МЕНЯ!

Мы не рекомендуем выводить таким образом длинные тексты! Учтите, что вы, автор сообщения, должны позаботиться о том, чтобы теги были правильно вложены. Вот этот BBCode, например, неправилен:

[b][u]Это неверно[/b][/u]

Создание ссылок

Ссылки на другой сайт В BBCode поддерживается несколько способов создания URL’ов.

    Первый из них использует тег [url=][/url], после знака = должен идти нужный URL. Например, для ссылки на phpbbex.com вы могли бы использовать:

[url=http://phpbbex.com/]Посетите форум phpBBex![/url]

Это создаст следующую ссылку: Посетите форум phpBBex! Учтите, что ссылка будет открываться в том же или в новом окне, в зависимости от настроек браузера пользователя.
Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, вы можете просто сделать следующее:

[url]http://phpbbex.com/[/url]

Это выдаст следующую ссылку: http://phpbbex.com/

  • Кроме того, phpBBex поддерживает возможность, называемую Автоматические ссылки, это переведёт любой синтаксически правильный URL в ссылку без необходимости указания тегов и даже префикса http://. Например, ввод www.phpbbex.com в ваше сообщение приведёт к автоматической выдаче www.phpbbex.com при просмотре сообщения.
  • То же самое относится и к адресам email, вы можете либо указать адрес в явном виде:

    [email]example@mail.com[/email]

    что выдаст example@mail.com, или просто ввести example@mail.com в ваше сообщение, и он будет автоматически преобразован при просмотре.

    Как и со всеми прочими тегами BBCode, вы можете заключать в URL’ы любые другие теги, например [img][/img] (см. следующий пункт), [b][/b] и т. д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас, например:

    [url=http://phpbbex.com/][img]http://phpbbex.com/logo.png[/url][/img]

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

    Показ изображений в сообщениях

    Добавление изображения в сообщение BBCode включает тег для добавления картинки в ваше сообщение. При этом следует помнить две очень важные вещи: во-первых, многих пользователей раздражает большое количество изображений, во-вторых, ваше изображение уже должно быть размещено в интернете (т. е. оно не может быть расположено только на вашем компьютере, если, конечно, вы не запустили на нём веб-сервер!). На данный момент нет возможности хранить изображения локально на phpBBex (ожидается, что это ограничение будет снято в следующей версии phpBBex). Для вывода изображения вы должны окружить его URL тегами [img][/img]. Например:

    [img]http://phpbbex.com/logo.png[/img]

    Как указано в предыдущем пункте, вы можете заключить изображение в теги [url][/url], то есть

    [url=http://phpbbex.com/][img]http://phpbbex.com/logo.png[/img][/url]

    Добавление вложений в сообщение Теперь вложения могут быть помещены в любой части сообщения при помощи нового тега BBCode [attachment=][/attachment], если вложения разрешены администратором форума и если вы имеете необходимые права доступа. На странице размещения сообщения находится выпадающий список (соответственно кнопка) для размещения вложений в сообщении.

    Цитирование и вывод форматированных текстов

    Цитирование при ответах Есть два способа процитировать текст, со ссылкой и без.

      Когда вы используете кнопку «Цитата» для ответа на сообщение, то его текст добавляется в поле ввода окружённым блоком [quote=»»][/quote]. Этот метод позволит вам цитировать со ссылкой на автора либо на что-то ещё, что вы туда впишете. Например, для цитирования отрывка текста, написанного Mr. Blobby, вы напишете:

    [quote=»Mr. Blobby»]Текст Mr. Blobby будет здесь[/quote]

    В результате перед текстом будут вставлены слова «Mr. Blobby писал(а):». Помните, вы должны заключить имя в кавычки «», они не могут быть опущены.

  • Второй метод просто позволяет вам что-то процитировать. Для этого вам надо заключить текст в теги [quote][/quote]. При просмотре сообщения будет просто показан текст в блоке цитирования.
  • Вывод кода или форматированного текста Если вам необходимо вывести программный код или что-то, что должно быть выведено моноширным шрифтом, вы должны заключить текст в теги [code][/code] (для больших текстов, оформляется в виде отдельного блока) или [tt][/tt] (для коротких однострочных текстов, без отдельного блока), например:

    [code]echo «This is some code»;[/code]

    Всё форматирование, используемое внутри тегов [code][/code] и [tt][/tt], будет сохранено. Подсветка синтаксиса языка PHP может быть включена с помощью [code=php][/code] и рекомендуется при отправке сообщений с PHP-кодом для улучшения его удобочитаемости.

    Создание списков

    Создание маркированного списка BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML. В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания маркированного списка используйте [list][/list] и определите каждый элемент при помощи [*]. Например, чтобы вывести свои любимые цвета, вы можете использовать:

    [list]
    [*]Красный
    [*]Синий
    [*]Жёлтый
    [/list]

    Это выдаст такой список:

    • Красный
    • Синий
    • Жёлтый

    Создание нумерованного списка Второй тип списка, нумерованный, позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания нумерованного списка используйте [list=1][/list] или [list=a][/list] для создания алфавитного списка. Как и в случае маркированного списка, элементы определяются с помощью [*]. Например:

    [list=1]
    [*]Пойти в магазин
    [*]Купить новый компьютер
    [*]Обругать компьютер, когда случится ошибка
    [/list]

    выдаст следующее:

    1. Пойти в магазин
    2. Купить новый компьютер
    3. Обругать компьютер, когда случится ошибка

    Для алфавитного списка используйте:

    [list=a]
    [*]Первый возможный ответ
    [*]Второй возможный ответ
    [*]Третий возможный ответ
    [/list]

    что выдаст

    1. Первый возможный ответ
    2. Второй возможный ответ
    3. Третий возможный ответ

    Источник

    BB-коды

    ul»>Помощь

    [B], [I], [U], [S] — полужирный, курсив, подчёркивание и зачёркивание

    Делает выделенный текст полужирным, наклонным, подчёркнутым или зачёркнутым.

    Пример: Это [B]полужирный[/B] текст.
    Это текст [I]курсивом[/I].
    Это [U]подчёркнутый[/U] текст.
    Это [S]перечёркнутый[/S] текст. Вывод: Это полужирный текст.
    Это текст курсивом.
    Это подчёркнутый текст.
    Это перечёркнутый текст.

    [COLOR= цвет ], [FONT= имя ], [SIZE= размер ] — цвет текста, шрифт и размер

    Изменяет цвет, шрифт или размер выделенного текста.

    Пример: Это [COLOR=red]красный[/COLOR] и [COLOR=#0000cc]синий[/COLOR] текст.
    Это текст шрифтом [FONT=Courier New]Courier New[/FONT].
    Это [SIZE=1]маленький[/SIZE] и [SIZE=7]большой[/SIZE] текст. Вывод: Это красный и синий текст.
    Это текст шрифтом Courier New .
    Это маленький и большой текст.

    [URL], [EMAIL] — ссылки

    Создаёт ссылку из выделенного текста.

    [URL= ссылка ], [EMAIL= адрес ] — ссылки (дополнительно)

    Делает выделенный текст ссылкой на интернет-страницу или на адрес электронной почты.

    Пример: [URL=http://www.example.com]Ссылка на example.com[/URL]
    [EMAIL=example@example.com]Моя почта[/EMAIL] Вывод: Ссылка на example.com
    Моя почта

    [USER= ID ] — ссылка на профиль

    Ссылка на профиль пользователя. Как правило добавляется автоматически при упоминании пользователя.

    Пример: [USER=1]Имя пользователя[/USER] Вывод: Имя пользователя

    [IMG] — изображения

    Показывает изображение, используя выделенный текст как URL.

    Пример: [IMG]https://www.forumhouse.ru/​styles/default​/xenforo/avatars/avatar_s.png[/IMG] Вывод:

    [MEDIA= сайт ] — вставка медиа-файлов

    Вставляет в сообщение медиа с разрешенных сайтов. Рекомендуется использовать кнопку добавления медиа в панели инструментов редактора. Одобренные сайты: Dailymotion; Facebook; Liveleak; Metacafe; Video.Mail.Ru; Vimeo; YouTube;

    Пример: [MEDIA=youtube]oHg5SJYRHA0[/MEDIA] Вывод: Встроенный YouTube плеер появится здесь.

    [LIST] — список

    Отображает нумерованный или маркированный список.

    Пример: [LIST]
    [*]Маркер 1
    [*]Маркер 2
    [/LIST]
    [LIST=1]
    [*]Запись 1
    [*]Запись 2
    [/LIST] Вывод:

    • Маркер 1
    • Маркер 2
    1. Запись 1
    2. Запись 2

    [LEFT], [CENTER], [RIGHT] — выравнивание текста

    Изменяет выравнивание выделенного текста.

    Пример: [LEFT]По левому краю[/LEFT]
    [CENTER]По центру[/CENTER]
    [RIGHT]По правому краю[/RIGHT] Вывод:

    [QUOTE] — цитата текста

    Отображает текст, как процитированный из другого источника. Можно также указать имя этого источника.

    Пример: [QUOTE]Процитированный текст[/QUOTE]
    [QUOTE=Пользователь]Что-то сказал[/QUOTE] Вывод:

    [SPOILER] — текст, содержащий спойлеры

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

    Пример: [SPOILER]Простой спойлер[/SPOILER]
    [SPOILER=Заголовок спойлера]Спойлер с заголовком[/SPOILER] Вывод:

    [CODE], [PHP], [HTML] — вставка программного кода

    Отображает текст на одном из языков программирования, выделяя синтаксис где это возможно.

    Пример: [CODE]Основной
    код[/CODE]
    [PHP]echo $hello . ‘world’;[/PHP] Вывод:

    [INDENT] — отступ текста

    Увеличивает отступ выделенного текста. Можно использовать несколько раз для создания больших отступов.

    Пример: Обычный текст
    [INDENT]Небольшой отступ
    [INDENT]Значительный отступ[/INDENT]
    [/INDENT] Вывод: Обычный текст

    [PLAIN] — обычный текст

    Отключает распознавание BB-кодов внутри выделенного текста.

    Пример: [PLAIN]Это не [B]полужирный[/B] текст.[/PLAIN] Вывод: Это не [B]полужирный[/B] текст.

    [ATTACH] — вставка вложений

    Вставляет вложение в указанной точке. Если вложение является изображением, будет вставлена его уменьшенная версия или всё оно целиком. Для этого нужно нажать на соответствующую кнопку.

    Пример: Миниатюра: [ATTACH]123[/ATTACH]
    Полный размер: [ATTACH=full]123[/ATTACH] Вывод: Содержание вложений появится здесь.

    Источник

    Как изменить цвет bb code

    Сибмама — о семье, беременности и детях
    Руководство по BBCode
    Вступление
    Что такое BBCode?

    Вступление
    Что такое BBCode?
    BBCode — это специальный вариант HTML. Сможете вы или нет использовать BBCode в ваших сообщениях, определяется администратором форумов. Кроме того, вы сможете отключить использование BBCode в конкретном сообщении при его размещении. Сам BBCode похож по стилю на HTML, теги заключены в квадратные скобки [ и ], а не в ; он даёт больше возможностей управления тем, как выводятся данные. При использовании некоторых шаблонов вы сможете добавлять BBCode в ваши сообщения, пользуясь простым интерфейсом, расположенным над полем для ввода текста. Но даже в этом случае данное руководство может оказаться полезным.
    Вернуться к началу

    Форматирование текста
    Как сделать текст жирным, наклонным или подчёркнутым
    BBCode включает теги для быстрого изменения стиля шрифта, сделать это можно следующими способами:

      Чтобы сделать текст жирным, заключите его в [b][/b], например

    станет Привет
    Для подчёркивания используйте [u][/u], например:

    станет Доброе утро
    Курсив делается тегами [i][/i], например:

    выдаст Это круто!

    Вернуться к началу

    Как изменить цвет или размер текста
    Для изменения цвета или размера шрифта могут быть использованы следующие теги; учтите, что окончательный вид будет зависеть от системы и браузера пользователя:

      Цвет текста можно изменить, окружив его [color=][/color]. Вы можете указать либо известное имя цвета (red, blue, yellow и т.п.), или шестнадцатеричное представление, например #FFFFFF, #000000. Таким образом, для создания красного текста вы можете использовать:

      оба способа дадут в результате Привет!
      Изменение размера достигается аналогичным образом при использовании [size=][/size]. Этот тег зависит от используемых шаблонов, рекомендуемый формат — число, показывающее размер текста в пикселях, начиная от 1 (настолько маленький, что вы его не увидите) до 29 (очень большой). Например:

      скорее всего будет МАЛЕНЬКИЙ

      будет ЗДОРОВЫЙ!

    Вернуться к началу

    Могу ли я комбинировать теги?
    Да, конечно можете. Например для привлечения чьего-то внимания вы сможете написать:

    [size=18][color=red][b]ПОСМОТРИТЕ НА МЕНЯ![/b][/color][/size]

    что выдаст ПОСМОТРИТЕ НА МЕНЯ!

    Мы не рекомендуем выводить таким образом длинные тексты! Учтите, что вы, автор сообщения, должны позаботиться о том, чтобы теги были правильно вложены. Вот этот BBCode, например, неправилен:

    [b][u]Это неверно[/b][/u]
    Вернуться к началу

    Цитирование и вывод форматированных текстов
    Цитирование при ответах
    Есть два способа процитировать текст, со ссылкой и без.

      Когда вы используете кнопку «Ответить с цитатой» для ответа на сообщение, то его текст добавляется в поле ввода окружённым блоком [quote=»»][/quote]. Этот метод позволит вам цитировать со ссылкой на автора, либо на что-то ещё, что вы туда впишете. Например для цитирования отрывка текста, написанного Mr. Blobby, вы напишете:

    [quote=»Mr. Blobby»]Текст Mr. Blobby будет здесь[/quote]

    В результате перед текстом будут вставлены слова «Mr. Blobby написал:». Помните, вы должны поставить кавычки «» вокруг имени, они не могут быть опущены.

  • Второй метод просто позволяет вам что-то процитировать. Для этого вам надо заключитть текст в теги [quote][/quote]. При просмотре сообщения перед текстом будет стоять только слово «Цитата:»
  • Вернуться к началу

    Вывод кода или форматированного текста
    Если вам надо вывести кусок программы или что-то, что должно быть выведено шрифтом фиксированной ширины (Courier) вы должны заключить текст в теги [code][/code], например

    [code]echo «This is some code»;[/code]

    Всё форматирование, используемое внутри тегов [code][/code] будет сохранено.
    Вернуться к началу

    Создание списков
    Создание маркированного списка
    BBCode поддерживает два вида списков: маркированные и нумерованные. Они практически идентичны своим эквивалентам из HTML. В маркированном списке все элементы выводятся последовательно, каждый отмечается символом-маркером. Для создания маркированного списка используйте [list][/list] и определите каждый элемент при помощи [*]. Например, чтобы вывести свои любимые цвета, вы можете использовать:

    Это выдаст такой список:

    • Красный
    • Синий
    • Жёлтый

    Вернуться к началу

    Создание нумерованного списка
    Второй тип списка, нумерованный, позволяет выбрать, что именно будет выводиться перед каждым элементом. Для создания нумерованного списка используйте [list=1][/list] или [list=a][/list] для создания алфавитного списка. Как и в случае маркированного списка, элементы определяются с помощью [*]. Например:

    [list=1]
    [*]Пойти в магазин
    [*]Купить новый компьютер
    [*]Обругать компьютер, когда случится ошибка
    [/list]

    выдаст следующее:

    1. Пойти в магазин
    2. Купить новый компьютер
    3. Обругать компьютер, когда случится ошибка

    Для алфавитного списка используйте:

    [list=a]
    [*]Первый возможный ответ
    [*]Второй возможный ответ
    [*]Третий возможный ответ
    [/list]

    что выдаст

    1. Первый возможный ответ
    2. Второй возможный ответ
    3. Третий возможный ответ

    Вернуться к началу

    Создание ссылок
    Ссылки на другой сайт
    В BBCode поддерживается несколько способов создания URL’ов.

    • Первый из них использует тег [url=][/url], после знака = должен идти нужный URL. Например, для ссылки на phpBB.com вы могли бы использовать:

      Это создаст следующую ссылку: Посетите phpBB! Ссылка будет открываться в новом окне, так что пользователь сможет продолжать читать форумы.
      Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, вы можете просто сделать следующее:

      Это выдаст следующую ссылку: http://www.phpbb.com/

    • Кроме того phpBB поддерживает возможность, называемую Автоматические ссылки, это переведёт любой синтаксически правильный URL в ссылку без необходимости указания тегов и даже префикса http://. Например, ввод www.phpbb.com в ваше сообщение приведёт к автоматической выдаче www.phpbb.com при просмотре сообщения.
    • То же самое относится и к адресам e-mail, вы можете либо указать адрес в явном виде:

      что выдаст no.one@domain.adr или просто ввести no.one@domain.adr в ваше сообщение, и он будет автоматически преобразован при просмотре.

    Как и со всеми прочими тегами BBCode, вы можете заключать в URL’ы любые другие теги, например [img][/img] (см. следующий пункт), [b][/b] и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас, например:

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

    Показ картинок в сообщениях
    Добавление картинки в сообщение
    BBCode включает тег для добавления картинки в ваше сообщение. При этом следует помнить две очень важные вещи: во-первых, многих пользователей раздражает большое количество картинок, во-вторых, ваша картинка уже должна быть размещена в интернете (т.е. она не может быть расположена только на вашем компьютере, если, конечно, вы не запустили на нём вебсервер!). На данный момент нет возможности хранить изображения локально на phpBB (ожидается, что это ограничение будет снято в следующей версии phpBB). Для вывода картинки вы должны окружить её URL тегами [img][/img]. Например:

    Как указано в предыдущем пункте, вы можете заключить картинку в теги [url][/url], то есть

    Источник

    Читайте также:  Что за цвет пурпура

    Слово "Цвет" и его описание © 2021
    Внимание! Информация, опубликованная на сайте, носит исключительно ознакомительный характер и не является рекомендацией к применению. Обязательно проконсультируйтесь с вашим лечащим врачом!