Разное (аквариумное и не очень) > Форум и сайт

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

(1/1)

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 link=topic=5084.msg40713#msg40713 date=1338271698
на сколько помню[/quote ---
--- Конец цитаты ---

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

Навигация

[0] Главная страница сообщений

Перейти к полной версии