18+

Важно!

Реклама

• Форум может быть недоступен у некоторых российских провайдеров. Подробности и инструкция.

• Пожалуйста, заполняйте темы в соответствии с правилами каталога.

• Обмен баннерами приостановлен.
логин: Агитатор, пароль: 0000
или кнопка "PR-вход" в форме входа.

FAQ: BB-коды и прочее

Обратная связь.
Закрыто
Аватара пользователя
Механикъ
Администратор
Сообщения: 776
Зарегистрирован: 04 апр 2015, 00:23
Репутация: 78
Статус: Не в сети

FAQ: BB-коды и прочее

#105

Сообщение Механикъ » 07 апр 2015, 16:10

Всё, что можно делать на этом форуме и о чём бы вы хотели спросить.
FAQ будет пополняться. Вопросы задавайте в теме "Технические вопросы".
Оглавление:
  1. Спойлер с названием
  2. Таблицы
  3. Вставка видео и аудио в форму ответа
  4. Списки: маркированный, нумерованный. Сложные списки
  5. Возможные технические проблемы и их решение
:note: Два главных правила пользования BB-кодами:
  1. bb-теги всегда парные. Не забывайте про закрывающие теги;
  2. соблюдайте иерархию тегов. Закрывающие теги должны следовать в зеркальном порядке.
    Правильно:

    Код: Выделить всё

    [center][b]Оглавление[/b][/center]
    Неправильно:

    Код: Выделить всё

    [center][b]Оглавление[/center][/b]

Аватара пользователя
Механикъ
Администратор
Сообщения: 776
Зарегистрирован: 04 апр 2015, 00:23
Репутация: 78
Статус: Не в сети

Спойлер с названием

#106

Сообщение Механикъ » 07 апр 2015, 16:46

В обычный тег "spoiler" можно добавлять его краткое содержание:

Код: Выделить всё

[spoiler=Краткое содержание]Скрытый текст[/spoiler]
Выглядеть будет так:
СпойлерПоказать
Скрытый текст
>> НОВЫЙ ДИЗАЙН: вопросы и ошибки <<
{nickname} мне друг, но истина дороже.
Изображение

Аватара пользователя
Механикъ
Администратор
Сообщения: 776
Зарегистрирован: 04 апр 2015, 00:23
Репутация: 78
Статус: Не в сети

Таблицы

#107

Сообщение Механикъ » 07 апр 2015, 16:46

Таблицы на этом форуме бывают двух видов: с ячейками автоматической (от 50%) и фиксированной ширины.
СпойлерПоказать
Используем теги "table", "tr" и "td". Однострочная таблица

Код: Выделить всё

[table][tr][td]1 ячейка[/td][td]2 ячейка[/td][/tr][/table]
[table][tr][td]1 ячейка[/td][td]2 ячейка[/td][/tr][/table] Многострочная таблица

Код: Выделить всё

[table][tr][td]1 ячейка[/td][td]2 ячейка[/td][/tr][tr][td]3 ячейка[/td][td]4 ячейка[/td][/tr][/table]
[table][tr][td]1 ячейка[/td][td]2 ячейка[/td][/tr][tr][td]3 ячейка[/td][td]4 ячейка[/td][/tr][/table]
Внимание: не используйте переносы строк, чтобы отделить теги в таблицах! Это приводит к образованию лишних строк в вашем сообщении. Переносы могут быть только внутри ячеек.
Количество строк и ячеек ограничено вашим здравым смыслом.
Внутри ячеек можно применять для выравнивания теги "center" и "right".
СпойлерПоказать
Форум поддерживает указание ширины для ячеек в пикселях (при этом максимальный размер таблицы в любом случае не будет превышать 100%).
Теги "td" изменяем следующим образом:

Код: Выделить всё

[table][tr][td=100px]1 ячейка[/td][td=250px]2 ячейка[/td][td=150px]3 ячейка[/td][/tr][/table]
[table][tr][td=100px]1 ячейка - 100px[/td][td=250px]2 ячейка - 250px[/td][td=150px]3 ячейка - 150px[/td][/tr][/table]
Можно фиксировать ширину одних только ячеек в таблице с шириной 100%:

Код: Выделить всё

[table][tr][td=100px]1 ячейка[/td][td]2 ячейка[/td][/tr][/table]
[table][tr][td=100px]1 ячейка[/td][td]2 ячейка[/td][/tr][/table]
Изменение цвета в ячейках :note: Внимание! Цвет в ячейках не поддерживается!
>> НОВЫЙ ДИЗАЙН: вопросы и ошибки <<
{nickname} мне друг, но истина дороже.
Изображение

Аватара пользователя
Механикъ
Администратор
Сообщения: 776
Зарегистрирован: 04 апр 2015, 00:23
Репутация: 78
Статус: Не в сети

Вставка видео и аудио в форму ответа

#108

Сообщение Механикъ » 07 апр 2015, 16:48

СпойлерПоказать
Чтобы вставить аудио с любого популярного в России ресурса, просто окружите ссылку на композицию тегом "audio".
На данный момент поддерживаются:
  • soundcloud.com — ссылка на страницу трека и ссылка из кода встраивания
  • promodj.com — ссылка на страницу трека, ссылка на скачивание и ссылка из кода встраивания
  • muzebra.com (z-music.org, z-mc.ru) — ссылка на трек и ссылка из кода встраивания (появляются при клике по кнопке «поделиться» у трека)
  • pleer.com (prostopleer.ru) — ссылка на трек и ссылки из кода встраивания (новый и старый вариант)
  • video.yandex.ru — только ссылка из кода встраивания на аудио
  • yapfiles.ru — только ссылка из кода встраивания на аудио
СпойлерПоказать
"Ссылка из кода встраивания" - это адрес медиа, который находится в embed-коде вида:

Код: Выделить всё

<iframe width="720" height="405" src="{АДРЕС_МЕДИА}" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowfullscreen></iframe>
Следует скопировать адрес медиа (без кавычек!), вставить его в форму ответа, дописать вначале "http:" (чтобы получилась ссылка) и окружить тегами "audio" или "media".
Обязательно проверяйте результат в предпросмотре.
СпойлерПоказать
Обычно не нужно никаких действий и тегов. Просто вставляете ссылку. На всякий случай проверяйте в предпросмотре. Если не получилось - см. ниже.
СпойлерПоказать
Также не требует дополнительных действий. Тег "media" поддерживает популярные в России сервисы:
  • youtube.com (youtu.be) — плейлисты также поддерживаются
  • vimeo.com
  • rutube.ru — только адрес из кода встраивания
  • vk.com (vkontakte.ru) — инструкцию см. ниже
  • facebook.com
  • video.mail.ru
  • smotri.com
  • dailymotion.com
  • video.qip.ru
  • video.google.com
  • video.yandex.ru — только адрес из кода встраивания
  • video.bigmir.net
  • tvigle.ru — только адрес из кода встраивания
  • video.online.ua
  • video.sibnet.ru
  • yapfiles.ru — только адрес из кода встраивания BBCode (для видео и музыки)
  • megogo.net
  • intv.ru
  • lovi.tv
  • metacafe.com
  • veevr.com
  • myvideo.de
  • clipfish.de
  • hulu.com — только адрес из кода встраивания
  • maps.google.com (карты, панорамы)
  • picasaweb.google.com (слайдшоу из галерей)
  • dermandar.com (панорамы)
  • connect.garmin.com (GPS-треки)
СпойлерПоказать
  1. На сайте Вконтакте ищем нужное видео через поиск (не из своей фильмотеки! Там нет кнопки "Поделиться").
  2. Открываем его. Под ним нажимаем кнопку "Поделиться".
  3. Нам предлагают поделиться на странице или экспортировать. Выбираем "Экспортировать".
  4. В нижнем поле "Код видео" находится ссылка вида

    Код: Выделить всё

    <iframe src="{АДРЕС_ВИДЕО}" width="853" height="480" frameborder="0"></iframe>
  5. Копируем адрес видео (без кавычек).
  6. Вставляем в поле ответа, дописываем вначале "http:", чтобы ссылка приобрела примерно такой вид:

    Код: Выделить всё

    http://vk.com/video_ext.php?oid=249020446&id=170063234&hash=510d29125dfbc9f6&hd=2
  7. Окружаем её тегом "media", проверяем в предпросмотре и отправляем.
Внимание: если ролик не проигрывается (надпись "Видеофайл ещё не загрузился или был удалён"), выберите качество видео в меню на панели ролика. По умолчанию оно установлено на 480, но не все видеофайлы его поддерживают.

Аватара пользователя
Механикъ
Администратор
Сообщения: 776
Зарегистрирован: 04 апр 2015, 00:23
Репутация: 78
Статус: Не в сети

Списки: маркированный, нумерованный. Сложные списки

#109

Сообщение Механикъ » 07 апр 2015, 16:50

СпойлерПоказать
Используем теги "list" и "*":

Код: Выделить всё

[list][*]первый элемент
[*]второй элемент[/list]
  • первый элемент
  • второй элемент
СпойлерПоказать
Номера в списке расставляются автоматически. Можно использовать вложенные списки.
Чтобы отделить списки, используйте тег "list=1" (для цифровой нумерации) или "list=a" (для буквенной):

Код: Выделить всё

[list=1][*]Первый пункт
[*]Второй пункт[/list]
[list=a][*]Первый пункт
[*]Второй пункт[/list]
  1. Первый пункт
  2. Второй пункт
  1. Первый пункт
  2. Второй пункт
СпойлерПоказать
Таким образом можно создавать сложные многоступенчатые списки с вложенными подпунктами:

Код: Выделить всё

[list=1]
[*]Элемент списка 1
[*]Элемент списка 1
	[list]
	[*]Подпункт
	[*]Подпункт
	[/list]
[*]Элемент списка 1
	[list=1]
	[*]Подпункт
	[*]Подпункт
		[list=a]
		[*]Подпункт
		[*]Подпункт
		[/list]
	[/list]
[*]Элемент списка 1
[/list]
[list=1]
[*]Элемент списка 2
[*]Элемент списка 2
[/list]
  1. Элемент списка 1
  2. Элемент списка 1
    • Подпункт
    • Подпункт
  3. Элемент списка 1
    1. Подпункт
    2. Подпункт
      1. Подпункт
      2. Подпункт
  4. Элемент списка 1
  1. Элемент списка 2
  2. Элемент списка 2
Не забывайте закрывать тег "list". Для наглядности можно использовать переносы строк и отступы.
>> НОВЫЙ ДИЗАЙН: вопросы и ошибки <<
{nickname} мне друг, но истина дороже.
Изображение

Аватара пользователя
Механикъ
Администратор
Сообщения: 776
Зарегистрирован: 04 апр 2015, 00:23
Репутация: 78
Статус: Не в сети

Возможные технические проблемы и их решение

#113

Сообщение Механикъ » 08 апр 2015, 19:38

  1. Не отображаются кнопки входа с помощью социальных сетей.
    Их блокирует AdBlock. Настройте расширение в вашем браузере.
  2. Не отображается видео: "видеофайл ещё не загрузился или был удалён".
    Выберите качество видео из настройки в панели ролика.

Закрыто

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

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