Работа с тегами - как делать это правильно

[Jenshen4ik]

BB коды - это набор тегов, основанных на языке HTML и разработанных специально для использования в текстовых сообщениях сайта. Они позволяют выполнять форматирование текста гораздо проще, чем в HTML, причём не нарушая целостность страницы.
ВВ код оформляется буквой (или сочетанием букв), заключенными в квадратные скобки. Есть открывающий тег, к примеру [ b ], и закрывающий - он обязательно пишется со слешем, к примеру [ / b ].

Рассмотрим основные ВВ коды нашего форума.



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

Первая строчка - редактирование текста.
- [ b ] - Жирный текст
- [ i ] - Курсив
- [ u ] - Подчеркнутый текст
- [ s ] - Зачеркнутый текст

Выравнивание строчек текста:
- [ pre ] -

Оформляет введенный текст как примечание, более мелким шрифтом

- [ left ] -

Выравнивание по левому краю страницы

- [ center ] -

Выравнивание по центру страницы

- [ right ] -

Выравнивание по правому краю страницы

Оформление текста

Шрифт - выбор гарнитуры шрифта, например: [ font = comic sans ms ] comic sans
Размер шрифта - выбор высоты шрифта, например: [ size = 14pt ] 14 пунктов. По умолчанию текст вводится высотой 10 пунктов
Цвет шрифта - выбор цвета из предложенного списка, например - [ color = teal ] бирюзовый. Красный цвет запрещен к использованию простыми пользователями, это цвет модераторских пометок и сообщений.

Вторая строчка кнопок- работа с объектами

- [ spoiler ] -

Спойлер   :

Оформляет введенный текст в свернутом виде. Данная функция недоступна к просмотру в режиме "гость"

- [ img ] - вставка изображения не вложением. как работать с разными сетевыми фоторедакторами написано здесь
- [ url ] - Вставка гиперссылок
- [ email ] - вставка электронного адреса
- [ ftp ] вставка ссылки FTP

Визуальные эффекты:
- [ glow = red, 2,300 ] -  Эффект обрамленного текста, цвет обрамления и толщину линий можно задавать дополнительно
- [ shadow = green, left] - Текст с тенью, цвет тени и направление можно задавать дополнительно
-[ move ] - Бегущая строка - [ sup ] - Выделенный текст оформляется как ^{надстрочный}
- [ sub ] - Выделенный текст оформляется как _{подстрочный}
- [ tt ] - телетайп (Элемент языка HTML [ tt ] получил свое название от слова teletype и заставляет браузер выводить текст моноширинным шрифтом)

- оформление текста в виде таблицы
- оформление текста в режиме просмотра кодов
- [ quote ] -

Оформление текста в виде облака с цитатой

При нажатии кнопки "Ответить с цитированием" в теле темы программа автоматически генерирует в открывающем теге Ник цитируемого пользователя и адресную ссылку на цитируемый комментарий. Облака цитат могут находиться друг в друге - подробнее об этом в "Мультицитировании"

- [ list ] - Оформление текста ненумерованным списком

• пример 1
• пример 2
• пример 3

- [ list ] - Оформление текста нумерованным списком

• пример 1
• пример 2
• пример 3

- [ hr ] - Разделение написанного текста горизонтальной чертой в размер ширины окна

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

Пример правильного использования

[ b ] [ i ] [ color = navy ] [ font = impact ] [ size = 14pt ] Пример правильного использования [ /size ] [ /font ] [ /color ] [ /i ] [ /b ] - Жирный, курсив, темно-синего цвета, гарнитурой impact, высотой текста 14 пунктов

Внутри как открывающих, так и закрывающих тегов ЗАПРЕЩЕНО применение пробелов, это приведет к некорректной работе ВВ кода.


* Тема находится в стадии редактирования, возможны изменения
* Тема закрыта для комментирования. Интересующие вас вопросы можно задать в теме Вопросы, пожелания, предложения...

[Jenshen4ik]

- [ url ] - Вставка гиперссылок

правила орфографии

- если адресная введена между тегами ссылка будет отображаться полным набором символов
пример:
[ url ] http ://www. small-aqua.ru [ /url ]
http://www.small-aqua.ru

- если необходимо ссылку оформить текстовым комментарием, то адресная строка вводится в открывающий тег после знака "равно", а сам текстовый комментарий пишется между тегами
пример:
[ url = http: //www. small-aqua. ru ] Главная страница сайта "Small-aqua.ru" [ /url ]
Главная страница сайта "Small-aqua.ru"

Программа автоматически при оформлении гиперссылки текст делает синим и подчеркнутым.



Если вам необходимо сделать ссылку на определенную тему форума:

• откройте нужную тему из списка форумов
• скопируйте содержимое адресной строки в вашем браузере, для удобства пользуйтесь сочетанием клавиш Ctrl + C и Ctrl+V
• оформите ссылку как описано в начале этого комментария

пример:

[ url = http: //www. small-aqua. ru/ forum/ index. php/ topic, 5087. 0. html ] "Работа с тегами" [ /url ]

"Работа с тегами"

Если вам необходимо сделать ссылку на определенный комментарий в определенной теме:

• откройте нужную тему из списка форумов
• найдите в теме нужный вам комментарий в теме и нажмите на название комментария (обычно это фраза, начинающаяся с RE:)
• скопируйте содержимое адресной строки в вашем браузере, для удобства пользуйтесь сочетанием клавиш Ctrl + C и Ctrl+V
• оформите ссылку как описано в начале этого комментария

Пример:
[ url = http: //www. small-aqua.ru/ forum/ index.php/ topic, 37. msg38530. html#msg38530 ] Вот тут было о вставке фото со смартфона [ /url ]

Вот тут было о вставке фото со смартфона

[Jenshen4ik]

- [ quote ] -

Оформление текста в виде облака с цитатой

Если вам необходимо ответить на несколько слов из большого текста комментария - пользуйтесь ВВ-кодом "цитировать" - [ quote ]
При оформлении цитат можно делать многоуровневое цитирование (мультицитирование)

пример:

Карл у Клары украл кораллы

врут они все! никто ничего не крал!

орфография:
[ quote ] Карл у Клары украл кораллы [ quote ] врут они все! никто ничего не крал! [ /quote ] [ /quote ]

Разными цветами обозначены разные уровни цитирования.

ВАЖНО!
- количество закрываемых тегов должно быть равно количеству открываемых тегов!
- при использовании кнопки "Цитировать" (для получения адресных ссылок на ник и комментарий) внимательно следите за тем, что именно вы удаляете! квадратные скобки как закрывающего тега, так и открывающего должны обязательно присутствовать

примеры неправильного использования тега цитирования и мультицитирования

1. потерян один из тегов при мультицитировании

Карл у Клары украл кораллы
врут они все! никто ничего не крал!

[/quote]

2. потеряны квадратные скобки у одного из тегов

[Jenshen4ik]

- [ list ] - Оформление текста списком

Ненумерованный список

Весь текст, который должен быть представлен списком оформляется тегами [ list ] и [ /list ]
внутри этого ВВ-кода каждая строка списка оформляется тегами [ li ] и [ /li ]

Пример:

Необходимые тесты
[ list ]
[ li ] параметр gh [ /li ]
[ li ] параметр kh [ /li ]
[ li ] параметр ph [ /li ]
[/list]

Необходимые тесты

• параметр gh
• параметр kh
• параметр ph

Нумерованный список

Весь текст, который должен быть представлен списком оформляется тегами [ list type = decimal ] и [ /list ]
внутри этого ВВ-кода каждая строка списка оформляется тегами [ li ] и [ /li ]

Пример:

Необходимые тесты
[ list type = decimal ]
[ li ] параметр gh [ /li ]
[ li ] параметр kh [ /li ]
[ li ] параметр ph [ /li ]
[ /list ]

Необходимые тесты

• параметр gh
• параметр kh
• параметр ph