ББКоды IP.Board
BBCode для IP.Board 3.2.x - 3.3.x
63 файла
-
Лицензия: _creativecommons.org/licenses/by-nc-nd/4.0/
Одиночный BB-код, позволяющий добавлять иконки "Font Awesome" в содержимое сообщения.
В этом дополнении используются иконки "Font Awesome". Для подключения иконок "Font Awesome" необходимо установить hook .
Например, BB-код, позволяющий вывести иконку фото-камеры представляет собой такой вид:
[fa=fa-camera-retro fa-fw] , где fa-camera-retro - CSS-класс иконки, а fa-fw - модификатор иконки.
CSS-классы иконок представляют собой сами иконки. Их можно найти на этой странице. Модификаторы же позволяют изменять иконки через различные параметры.
-
Лицензия: _creativecommons.org/licenses/by-nc-nd/4.0/
Данный BB-код позволяет добавить в сообщение специальную кнопку, формирующую запрос и отправляющую его в форму поиска информации по форуму.
Принцип действия
Когда Вы указываете текст между тегами:
[find] ... [/find] , создаётся кнопка, генерирующая поисковый запрос и направляющая его в форму поиска информации по форуму.
В этом дополнении используются иконки "Font Awesome". Для подключения иконок "Font Awesome" необходимо установить hook .
После установки BB-кода, необходимо в custom.css (или ipb_styles.css) добавить следующий код:
/** - * BBCode: Search Button - * By CYBERSPACE Industries - * ------------------------------------------------------------------------- */ .bbc_btn_find { display: inline-block; } .bbc_btn_find a.bbc_url { display: inline-block; padding-right: 15px; border-radius: 3px; background-color: #23b7e5; color: #fff; text-decoration: none; } .bbc_btn_find i.fa { margin-right: 15px; padding: 10px 15px; background-color: rgba(0,0,0,.1); } .bbc_btn_find a.bbc_url:hover { background-color: #19a9d5; } .bbc_btn_find a.bbc_url:active { box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
-
Лицензия: _creativecommons.org/licenses/by-nc-nd/4.0/
BB-код позволяет вставить в сообщение красиво оформленную кнопку загрузки.
Принцип действия
Когда Вы указываете значения в тегах:
[download=URL] ... [/download]
, создаётся кнопка для загрузки информации по указанному URL.
В этом дополнении используются иконки "Font Awesome". Для подключения иконок "Font Awesome" необходимо установить hook .
Основные особенности:
необходимо указать ссылку для загрузки;
необходимо указать текст на кнопке загрузки.
После установки BB-кода, необходимо в custom.css (или ipb_styles.css) добавить следующий код:
/** - * BBCode: Download Button - * By CYBERSPACE Industries - * ------------------------------------------------------------------------- */ .bbc_btn_download { display: inline-block; } .bbc_btn_download a.bbc_url { display: inline-block; padding-right: 15px; border-radius: 3px; background-color: #7266ba; color: #fff; text-decoration: none; } .bbc_btn_download i.fa { margin-right: 15px; padding: 10px 15px; background-color: rgba(0,0,0,.1); } .bbc_btn_download a.bbc_url:hover { background-color: #6254b2; } .bbc_btn_download a.bbc_url:active { box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
-
В пакет Onliner Cards BBCodes входят четыре BBCode, которые красиво отобразят предупреждения пользователю за написанное сообщение в виде трёх карточек и одного знака внимания.
Примите к сведению:
- данные BBCodes не связаны с системой предупреждений и работают полностью вручную
- изображения карточек тянутся с серверов Onliner
Содержание данного пакета BBCodes:
- устное предупреждение
- жёлтая карточка
- красная карточка
- чёрная карточка
Делал для себя. Если кому-нибудь понадобится, забирайте. Код CSS внедрён в атрибуты style.
-
Сделал для себя BB-коды для стандартных кнопочек IPB.
Присутствуют обычная (белая), красная и черная кнопки.
Установка:
1. Залить через FTP содержимое папки upload - иконки кнопок для редактора. Если Вы не хотите, чтобы иконки отображались в редакторе - пропустите этот шаг;
2. Идем в АЦ -> Внешний вид -> Сообщения -> BB-коды и импортируем по очереди три .xml-файла.
Пользуемся на здоровье!
-
Данная версия Spoiler'а создана для работы с jQuery. В последнее время большинство стилей от именитый разработчиков используют jQuery в своей работе. Поэтому, сейчас уже стало стандартом подключение jQuery к форуму IP.Board.
«jQuery Spoiler» требует для своей работы jQuery! Если Ваша тема не поддерживает этот фреймворк, то его необходимо подключить. Для этого нужно установить расширение «
ББКод был разработан ещё на старом проекте - Сайбере 4. Не знаю, выкладывали его тут раньше или нет, но в этой версии полностью переработана система установки. Теперь нет нужды редактировать шаблоны форума. Новая установка делится на два шага:
Установка хука
Импорт ББКода
Раньше нужно было редактировать шаблоны форума. Теперь этот шаг занимает установка хука.
-
Спойлер для IPB. Лучше чем тот, который идёт в комплекте.
Спойлер не использует jQuerry. Его нужно только установить и он готов к работе.
Установка:
Импортировать bbcode.xml из архива
Папку Upload загрузить на форум (там лежат иконки для ББ-кода)
Вставить в новый (или в уже существующий) CSS-файл этот код:
.hidetop { background: #E4EAF2; border: 1px dashed #999; border-left: 4px solid #8394B2; color: #000; font-weight: bold; font-size: 10px; margin: 8px auto 0 auto; padding: 3px; -moz-box-shadow: 4px 6px 8px rgba(0,0,0,.6); -webkit-box-shadow: 4px 6px 8px rgba(0,0,0,.6); box-shadow: 4px 6px 8px rgba(0,0,0,.6); } .hidemain { background: #FAFCFE; border: 1px dashed #999; border-left: 4px solid #8394B2; border-top: 0; color: #465584; padding: 4px; margin: 0 auto 8px auto; -moz-box-shadow: 4px 6px 8px rgba(0,0,0,.6); -webkit-box-shadow: 4px 6px 8px rgba(0,0,0,.6); box-shadow: 4px 6px 8px rgba(0,0,0,.6); }
Пользоваться
Спойлер: [spoiler]Текст[/spoiler] Спойлер с заголовком: [spoil=Заголовок]Текст[/spoil]
При желании и умении можно настроить вид спойлера под себя в CSS-файле.
Автор: IandroidFan
-
Данное дополнение добавляет 4 новых BB-кода, которые могут быть особенно полезными для администрации форума.
Эти BB-коды могут играть роль уведомлений в теме.
Каждый BB-код добавляет свой стиль уведомления:
Ошибка
Информация
Подтверждение
Предупреждение
(см. скриншот).
От меня:
Перевод на русский язык названий BB-кодов и подсказок для них.
Доступ к ним имеют только группы Администраторы и Модераторы.
Изменил адрес изображений BB-кодов, теперь они загружаются не с фотохостинга, а с Dropbox. Это надежнее
Перевод справочного файла.
Установка:
(См. также в файле Readme.html).
Шаг 1: Импорт XML файлов
Войдите в Админ Центр и перейдите в раздел Внешний вид. Выберите BB-коды в левом меню. В нижней части этой страницы найдите заголовок Импортировать новые BB-коды. Выберите файл confirmation.xml из этого архива и нажмите на Импортировать. После, загрузите по порядку файлы: error.xml, information.xml, warning.xml.
Шаг 2: Добавление CSS стилей
В Админ Центре перейдите в раздел Внешний вид, кликните на название стиля который используется в данный момент на сайте, нажмите на кнопку CSS в редакторе. Нажмите Добавить CSS-файл, введите его имя - SOS_BBCodes и вставьте в редактор:
Шаг 3: Загрузка файлов
Загрузите папку public из папки upload в архиве в корень вашего форума.
Автор: Paulo Coradini
Перевод: _Dark_
-
jsFiddle — онлайн сервис для проверки и демонстрации идей в программировании веб ресурсов. Можно подключать различные популярные библиотеки и делиться кодом с коллегами и мировым сообществом.
Данный BBcode позволит интегрировать jsFiddle с Вашим форумом. Выглядит это так:
[jsfiddle]ID[/jsfiddle] Вместо ID необходимо вставить идентификатор, присвоенный jsFiddle'ом. То есть, для примера возьмём:
__jsfiddle.net/UF4PK/ В ссылке видно, что UF4PK — это идентификатор. Его необходимо вставить в тег, вот так:
[jsfiddle]UF4PK[/jsfiddle] Для придания корректного вида, необходимо в ipb_styles.css вставить:
iframe.bbc-jsfiddle-frame { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 800px; height: 600px; } Автор: CYBER-SYSTEMS.ORG
-
BBCode Custom Tables Professional 1.1.7 Beta 3 - профессиональный bb-код для создания различных таблиц с возможностью гибкой настройки.
Некоторые возможности:
- Создание пользовательских таблиц
- Возможность выбора количества строк и столбцов
- Строки можно добавлять и удалять
- Таблицы можно добавлять в несколько сообщений
- Таблицы могут быть отредактированы после их создания
- Возможность выбора цвета заголовка таблицы и ячеек
- Установка ширины таблицы
- и многое другое..
-
Кнопка для сайта
Установка :
Загрузить изображение "right_arrow.png" из архива по адресу :
/public/style_images/ваш стиль/
№2 : Установка бб кода
нешний вид -> bb коды
В самом низу "Импортировать новые BB-коды" выбираем файл buttondown.xml и жмём импортировать
Автор : Pashok(one)