Для полного доступа к форуму нужно быть зарегистрированным или нажмите кнопку Вход
Текущее время: 27 сен 2020, 09:31






Начать новую тему Ответить на тему  [ Сообщений: 2 ] 
Автор Сообщение
 Заголовок сообщения: Руководство по применению BBCode
СообщениеДобавлено: 28 апр 2011, 21:21 
Не в сети
Администратор
Администратор
Аватара пользователя

Зарегистрирован: 04 май 2009, 23:57
Сообщений: 2389
Страна: Россия
Город: Самара
Имя: Олег
Очков репутации: 71

Добавить очки репутацииУменьшить очки репутации
Медали

Медали: 8
За дизайн (1) За 350 сообщений на форуме (1) За 550 сообщений на форуме (1) За 650 сообщений на форуме (1) За 1000 сообщений на форуме (1) За 10 репутации (1)
За 30 репутаций (1) За 50 репутаций (1)
Руководство по BBCode

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

Форматирование текста

Изображение Как сделать текст жирным, наклонным или подчёркнутым
BBCode включает теги для быстрого изменения стиля шрифта, сделать это можно следующими способами:
1) Чтобы сделать текст жирным, заключите его в, например:
Код:
[b]Привет[/b]
станет Привет

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

3) Курсив делается тегами , например:
Код:
[i]Это круто![/i]
выдаст Это круто!

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

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

в то время как:
Код:
[size=150]ЗДОРОВЫЙ![/size]
будет ЗДОРОВЫЙ!
Максимальный размер: size=200

Изображение Могу ли я комбинировать теги?
Да, конечно можете. Например для привлечения чьего-то внимания вы сможете написать:
Код:
[size=120][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]"Mr. Blobby написал"[/code]
Всё форматирование, используемое внутри тегов будет сохранено.

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

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

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

Изображение Ссылки на другой сайт
В BBCode поддерживается несколько способов создания URL'ов.
  • Первый из них использует тег , после знака = должен идти нужный URL. Например, для ссылки на phpBB.com вы могли бы использовать:
Код:
[url=http://www.phpbb.com/]Посетите phpBB![/url]
Это создаст следующую ссылку: Посетите phpBB! Ссылка будет открываться в новом окне, так что пользователь сможет продолжать читать форумы.

  • Если вы хотите, чтобы в качестве текста ссылки показывался сам URL, вы можете просто сделать следующее:
Код:
[url]http://www.phpbb.com/[/url]
Это выдаст следующую ссылку: http://www.phpbb.com/

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

Как и со всеми прочими тегами BBCode, вы можете заключать в URL'ы любые другие теги, например
Код:
[img][/img]
(см. следующий пункт)
Код:
[b][/b]
и т.д. Как и с тегами форматирования, правильная вложенность тегов зависит от вас, например:
Код:
[url=http://www.phpbb.com/][img]http://www.phpbb.com/images/phplogo.gif[/url][/img]
неверно, что может привести к последующему удалению вашего сообщения, так что будьте аккуратнее.

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

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

_________________
Изображение


Вернуться к началу
 Профиль Отправить личное сообщение  
Cпасибо сказано  
 Заголовок сообщения: Re: Руководство по применению
СообщениеДобавлено: 29 апр 2011, 01:02 
Не в сети
Администратор
Администратор
Аватара пользователя

Зарегистрирован: 04 май 2009, 23:57
Сообщений: 2389
Страна: Россия
Город: Самара
Имя: Олег
Очков репутации: 71

Добавить очки репутацииУменьшить очки репутации
Медали

Медали: 8
За дизайн (1) За 350 сообщений на форуме (1) За 550 сообщений на форуме (1) За 650 сообщений на форуме (1) За 1000 сообщений на форуме (1) За 10 репутации (1)
За 30 репутаций (1) За 50 репутаций (1)
Сокращенные обозначения и фунуции BBCode (продолжение)


ИзображениеBBCode: - Предупреждение
Код:
[Warning]
пример
Код:
[Warning]Вам вынесено предупреждение[/Warning]
Demo
Вам вынесено предупреждение

- (Права администраторов и модераторов)

ИзображениеBBCode: - Мигающий текст
Код:
[blink2]
пример
Код:
[blink2]Скачать новую рыбалку[/blink2]
Demo
Скачать новую рыбалку

ИзображениеBBCode: - Надпись, картинка посредине
Код:
[center]
пример:
Код:
[center]Скачать новую рыбалку[/center]
Demo:
Скачать новую рыбалку


ИзображениеBBCode: - Желтая рамка
Код:
[fieldset=]
пример
Код:
[fieldset=]Скачать новую рыбалку[/fieldset]
Demo
Скачать новую рыбалку

  • Можно также добавить код
Код:
[center]
пример
Код:
[fieldset=][center]Скачать новую рыбалку[/center][/fieldset]
Demo
Скачать новую рыбалку

  • К этому всему можно также добавить размер, цвет, жирный текст и др...
Код:
[fieldset=][center][size=120][color=#4040FF][b]Скачать новую рыбалку[/b][/color][/size][/center][/fieldset]
Demo
Скачать новую рыбалку


ИзображениеBBCode: - Увеличение картинки при наведении курсора
Код:
[imgu]
пример
Код:
[imgu]http://forumimage.ru/uploads/20110428/130402673895005854.png[/imgu]
(В коде должна быть прямая ссылка на картинку с url ссылкой)
Demo


ИзображениеМодификация этой функции привело к выходу нового DDCode:
Код:
[imgl]
Принцип тот же, на выбор
пример:
Код:
[imgl]http://forumimage.ru/uploads/20110429/130407522233006749.jpg[/imgl]
Demo:


ИзображениеBBCode с рисунком на основе [url] (для вставки ссылок на закачку):
Код:
[click]
пример:
Код:
[click]Ссылка[/click] - скачать..
Demo:
- скачать..









Можно все комбинировать, со многими кодами, в общем все, что позволяет вам фантазия

_________________
Изображение


Вернуться к началу
 Профиль Отправить личное сообщение  
Cпасибо сказано  
За это сообщение пользователю oleg565b5 "Спасибо" сказали:
pikimot
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 2 ] 


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

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


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Перейти:  
Theme designed by stylerbb.net © 2008
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Вы можете создать форум бесплатно PHPBB3 на Getbb.Ru, Также возможно сделать готовый форум PHPBB2 на Mybb2.ru
Русская поддержка phpBB
Часовой пояс: UTC + 4 часа [ Летнее время ]

website counter Яндекс.Метрика Рейтинг@Mail.ru Платная рыбалка