Автор Тема: Работа с тегами - как делать это правильно  (Прочитано 3467 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Jenshen4ik

  • Глобальный модератор
  • Живу я тут
  • ***
  • Сообщений: 6566
  • Благодарности: 2766
  • Пол: Женский
  • Я ангел, честно... Просто на метле реально быстрее
  • Awards За активность на форуме. "Звезда форума" За высокий вклад в развитие форума!
    • Awards
  • Город: Владивосток
  • Имя: Евгения
BB коды - это набор тегов, основанных на языке HTML и разработанных специально для использования в текстовых сообщениях сайта. Они позволяют выполнять форматирование текста гораздо проще, чем в HTML, причём не нарушая целостность страницы.
ВВ код оформляется буквой (или сочетанием букв), заключенными в квадратные скобки. Есть открывающий тег, к примеру [ b ], и закрывающий - он обязательно пишется со слешем, к примеру [ / b ].

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

25503-0

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

Первая строчка - редактирование текста.
- [ 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 пунктов

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


* Тема находится в стадии редактирования, возможны изменения
* Тема закрыта для комментирования. Интересующие вас вопросы можно задать в теме Вопросы, пожелания, предложения...
« Последнее редактирование: 29 Июль 2015, 06:18:29 от Jenshen4ik »
:girl_flag_of_truce: Женькин блог

Если я тебе не нравлюсь - застрелись, я не исправлюсь


Поблагодарили:


Оффлайн Jenshen4ik

  • Глобальный модератор
  • Живу я тут
  • ***
  • Сообщений: 6566
  • Благодарности: 2766
  • Пол: Женский
  • Я ангел, честно... Просто на метле реально быстрее
  • Awards За активность на форуме. "Звезда форума" За высокий вклад в развитие форума!
    • Awards
  • Город: Владивосток
  • Имя: Евгения
Правильное оформление ссылок
« Ответ #1 : 29 Май 2012, 06:38:00 »
- [ 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 ]

Вот тут было о вставке фото со смартфона
« Последнее редактирование: 30 Май 2012, 06:34:14 от Jenshen4ik »
:girl_flag_of_truce: Женькин блог

Если я тебе не нравлюсь - застрелись, я не исправлюсь


Поблагодарили:


Оффлайн Jenshen4ik

  • Глобальный модератор
  • Живу я тут
  • ***
  • Сообщений: 6566
  • Благодарности: 2766
  • Пол: Женский
  • Я ангел, честно... Просто на метле реально быстрее
  • Awards За активность на форуме. "Звезда форума" За высокий вклад в развитие форума!
    • Awards
  • Город: Владивосток
  • Имя: Евгения
Цитирование и мультицитирование
« Ответ #2 : 29 Май 2012, 10:28:10 »
- [ quote ] -
Цитировать
Оформление текста в виде облака с цитатой


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

пример:
Цитировать
Карл у Клары украл кораллы
Цитировать
врут они все! никто ничего не крал!


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

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

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


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

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

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

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

Цитата: Jenshen4ik link=topic=5084.msg40713#msg40713 date=1338271698
на сколько помню[/quote
« Последнее редактирование: 29 Май 2012, 10:31:27 от Jenshen4ik »
:girl_flag_of_truce: Женькин блог

Если я тебе не нравлюсь - застрелись, я не исправлюсь


Поблагодарили:


Оффлайн Jenshen4ik

  • Глобальный модератор
  • Живу я тут
  • ***
  • Сообщений: 6566
  • Благодарности: 2766
  • Пол: Женский
  • Я ангел, честно... Просто на метле реально быстрее
  • Awards За активность на форуме. "Звезда форума" За высокий вклад в развитие форума!
    • Awards
  • Город: Владивосток
  • Имя: Евгения
Работа со списками
« Ответ #3 : 29 Май 2012, 18:15:21 »
    - [ 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
    « Последнее редактирование: 29 Май 2012, 18:40:26 от Jenshen4ik »
    :girl_flag_of_truce: Женькин блог

    Если я тебе не нравлюсь - застрелись, я не исправлюсь


    Поблагодарили: