Список BB-кодов форума
Заголовок
Название BB кода Замена Пример Описание |
DECOR - выделение фона цветом
decor Код:
<span style="display: inline-block; background: {option}; border-radius: 5px; box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.400), 0px 0.9em 0.5em -0.2em rgba(255, 255, 255, 0.196) inset; font-weight: normal; padding: 0.2em 0.4em 0.2em;">{param}</span>Для выделение фона текста цветом используйте bb-код [DECOR]. В окне опции введите цвет в формате #RRGGBB или название. |
Список BB-кодов форума
Заголовок:
Spoiler Название BB кода: spoiler Замена: Код:
<div style="clear:both;margin: 15px 0px;"><div style="margin-bottom:2px"><input type="button" value="Открыть" style="width:64px;font-size:11px;margin:0px;padding:1px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Закрыть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Открыть'; }"> <b>{option}</b></div><div class="pagemessage" style="margin: 0px; padding: 6px; border: 1px inset;"> <div style="display: none;"> {param} </div></div></div> Заголовок Описание: Тег спойлера, который позволяет скрыть текст под определенным заголовком. |
Strike
S Код:
<span style="text-decoration:line-through;">{param}</span>Зачёркнутый текст |
Горизонтальная линия
hr Код:
<hr style="border-style: inset; border-width: 1px; box-sizing: content-box; display: block; height: 0px; margin: 0.5em auto;" />Горизонтальная линия |
Оффтопик
OFF Код:
<span><a href="#" title="Для просмотра текста оффтопа - жми сюда" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><img src="https://www.pspx.ru/forum/images/editor/offtop.gif" border="0"></a><div class="subblock" style="display: none">{param}</div></span> Скрывает текст оффтопа. |
Картинка с выравниванием
pic Код:
<img style="float:{option}; margin:8px" src="{param}" alt="" /> Текст обтекает картинку сбоку, не смещаясь ниже или выше.Картинка с выравниванием и обтеканием текста, по левому краю или правому, или по центру. Используйте опции LEFT, RIGHT, или CENTER. |
Бегущая строка
move Код:
<marquee behavior="alternate" direction="right">{param}</marquee>Движущийся текст |
YouTube Video
youtube Код:
<iframe width="640" height="360" src="http://www.youtube.com/embed/{param}" frameborder="0" allowfullscreen></iframe> Вставка ID видеоролика с сайта youtube.com в видеоплейер на форуме. |
Учитывать пробелы
space Код:
<span style="white-space: pre-wrap">{param}</span>Данный тег учитывает пробелы и переносы |
Подсветка текста
backlight Код:
<span style="background: #ff6600; color: white; padding: 0px 4px 2px; text-shadow: 1px 1px 1px #777; border-radius: 3px;">{param}</span>Выделение текста фоновым цветом |
Flash
flash Код:
<embed src="{param}" {option} allowScriptAccess ="never" type="application/x-shockwave-flash"><param name="wmode" value="transparent" /></embed>Вставка Flash SWF в сообщение. |
Мультимедиа
media Код:
<div class="bbmedia" data-url="{param}" data-args="{option}" style="margin: 1px; display: inline-block; vertical-align: bottom;"><div style="width: 200px; height: 40px; border: 1px solid #999; display: table-cell; text-align: center; vertical-align: middle; font: 10px/10px Verdana; color: #555; opacity: 0.5;"><a style="color: #105289; text-decoration: none;" href="http://vrublevsky.org/bbmedia/vbulletin/media/" target="_blank">vBulletin [media]</a></div><script>if (typeof bbmedia == "undefined") { bbmedia = true; var e = document.createElement("script"); e.charset="utf-8"; e.async = true; e.src = "http://phpbbex.com/api/bbmedia.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(e, s); }</script></div>Вставить аудио, видео, карту или панораму с указанием предпочитаемых размеров плеера |
FLOAT - выравнивание блока с обтеканием
float Код:
<span style="float:{option};">{param}</span>Обтекание блоков. В запрос ввода опции вводите один из следующих возможных параметров: left | right | none | inherit, где left - выравнивает блок по левому краю, right - по правому, none - нет, inherit - наследует параметры от родителя. |
Якорь-гиперссылка
anchor Код:
<a href="{option}">{param}</a>В опциях выставляете уникальный номер или сочетание слов, на которыое будет осуществлён переход |
Таблица - строка
tr Код:
<tr {option}>{param}</tr>
TR - служит контейнером для ячеек горизонтальной строки таблицы. |
Таблица - ячейка
td Код:
<td {option}>{param}</td>
TD - предназначен для создания одной ячейки таблицы. |
Таблица
table Код:
<table {option}>{param}</table>
Table - служит контейнером для таблицы. |
Таблица - колонка
colgroup Код:
<colgroup {option}>{param}</colgroup>
colgroup предназначен для задания ширины и стиля одной или нескольких колонок таблицы. |
|
RESIZE - миниатюра изображения
resize Код:
<span class="inlineimg" style="display: inline-block; background: url({param}); background-size: cover; width: 200px; height: 114px; border-radius: 5px; box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.400), 0px 0.9em 0.5em -0.2em rgba(255, 255, 255, 0.196) inset; padding: 0.2em 0.2em 0.2em; margin: 8px;"><table align="right"><tr><td><a href="{param}" target="_blank"><img src="https://www.pspx.ru/forum/images/icons/loading.gif" alt="Нажмите для увеличения" title="Нажмите для увеличения" /></a></td></tr></table></span>
Уменьшает крупное изображение и отображает миниатюру в сообщениях. Увеличение по клику на лупу. |
Video Resized (YouTube.com, VideoBash.com и пр.)
youtres Код:
<iframe {option} src="{param}" frameborder="0" allowfullscreen></iframe>Вставка URL с видеохостингов с возможностью указания своего размера по ширине и высоте опциями [width=480 height=270]. Ссылка между тегами должна быть прямая и полная (не ID ссылки, а Embed формата), например: https://www.youtube.com/embed/8hjP9nmo7WA |
Стили таблиц Excel
style Код:
<style type="text/css">{param}</style>
Стили CSS для таблиц Excel |
Стили тега SPAN
span Код:
<span {option}>{param}</span>Обрамление стилями в строчных данных |
headinclude
<!-- jQuery --> <script type="text/javascript" src="AnythingSlider/js/jquery.min.js"></script> <!-- Anything Slider --> <link rel="stylesheet" href="AnythingSlider/css/anythingslider.css"> <link rel="stylesheet" href="AnythingSlider/Themes/css/theme-simple2.css"> <script type="text/javascript" src="AnythingSlider/js/jquery.anythingslider.min.js"></script> <script type="text/javascript" src="AnythingSlider/js/jquery.anythingslider.fx.min.js"></script> <script type="text/javascript" src="AnythingSlider/Themes/js/theme-simple.min2.js"></script> Слайдер картинок [размер] slidersize Код:
<style type="text/css">
Вставка нескольких картинок в слайдшоу. В опцию вписываем уникальное название слайдера и затем между тегами вставляем поочерёдно картинки в опции другого тега [slider]. |
Слайдер картинок [Описание]
slider Код:
<li>MySuperIMG ***  Вставляем между тегами URL картинки, а в опцию вписываем её описание. |
1) Неплохо бы иметь спойлер без заголовка.
2) У меня не работает код "Удалить ссылку". |
Yoti,
1) Это не проблема. А вообще можно было сделать спойлеры баяном, сейчас это новое веяние в связи с мощным расширением формата CSS. А в таком виде не пойдёт? - 2) https://www.pspx.ru/forum/cleardoc/editor/unlink.gif - он работает, как и все остальные бб-коды. Например, чтобы обрамить текст жирностью или сделать списком, нужно сначала его выделить, потом нажать на кнопку жирности или списка. Точно так же здесь работает. Чтобы убрать ссылку, нужно выделить ссылку с обрамлённым ею текстом, затем нажать кнопочку, ссылка должна удалиться. |
Цитата:
|
ErikPshat,
in1975, ага, понял. Спутал с другим движком принцип. Если нажать на кнопку спойлера, ничего не вводить и нажать ОК, то тэг не появляется. |
Yoti, ага, я так и понял, поэтому написал подробное разъяснение. На других форумах или торрент-трекерах, это реализовано по другому, там при нажатии кнопки удаляются вообще все ссылки в сообщении или вроде все ББ-коды, как-то так.
И я так понял, что ты хочешь спойлер как на трекерах, т.е. текст пишется посреди спойлера. Ибо без кнопки Открыть/Закрыть вообще невозможно будет открыть спойлер :D Yoti, кстати, посмотри на спойлеры в этой раздече: https://rutracker.org/forum/viewtopic.php?t=2031202 Особенно на первую часть в шапке: Цитата:
|
Цитата:
Цитата:
Но, Код:
[SPOILER]Лол, в теге код пропали знаки после слова спойлер. Тоже косяк. В коде не должны быть никакие изменения, ибо тогда он может не скомпилироваться/не запуститься. |
Цитата:
Да, в теге кода не должно быть обработки ББ-кодов. Это я так выставил, чтобы ББ-коды всё-таки там обрабатывались. Так просто удобнее выходило, не помню, для чего это нужно было, но было решено сделать именно так. Это можно отключить через админку. Со спойлером тоже можно глянуть, возможно там выставлено не применять ББ-код, если отсутствует текст. |
Кстати, а вот в коде CODE предлагаю вообще убрать справа - Код: Выделить
Ибо выделение всё равно не работает, да и не удобно идёт большой отступ из-за этой кнопки выделения. |
Цитата:
Цитата:
Цитата:
|
Цитата:
Начёт CODE, если не нужны ББ-коды в коде, тогда обрамляй этим https://www.pspx.ru/forum/cleardoc/editor/noparse.gif [NOPARSE]...[/NOPARSE] |
Цитата:
[CODE][SPOILER=""][/CODE] Тест 2: Код:
[SPOILER=""] |
Yoti, И? Закрывать спойлеры вас не учили? И если у Вас сначала идет code, а потом NOPARSE, то чего Вы ожидаете?
|
in1975,
мне не нужно закрывать спойлер, ибо в нём ничего нет. |
вот пустой
1. с кодом: 2. Код:
|
| Текущее время: 14:22. Часовой пояс GMT +3. |
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2025, vBulletin Solutions, Inc. Перевод: zCarot
PSPx Forum - Сообщество фанатов игровых консолей.
