Центр пользователя  |  Ваши сообщения  |  FAQ
Форум поддержки phpBB » phpBB 3.0.x » Модификация phpBB 3.0.x » Каталог BBcode

Все разом, по алфавиту...

Каталог готовых BBcode для форума.
Пожалуйста, помните, что существуют: Поиск, Правила форума
Возможно, ответ на Ваш вопрос уже имеется: Документация, Статьи, Накопленный опыт
Полезные материалы по этой теме: Инструкция по добавлению собственного BBcode

Сообщение 23 дек 2012, 02:39

Может кому пригодится.
Набор большой, есть спорные варианты, но все работает без проблем.
Версия - phpBB 3.0.9, стиль Black Pearl (с этого сайта)

Код: выделить все
[abb]{TEXT1},{TEXT}[/abb]

<span title="{TEXT}"><b style="color:darkred;cursor:default;">{TEXT1}</b></span>

Всплывающая подсказка [abb] Текст, Подсказка [/abb]


Код: выделить все
[accent={TEXT}][/accent]

<span><span><sup>&#769;</sup>{TEXT}</span></span>

Ударение [accent=Буква в слове!!!][/accent]


Код: выделить все
[add]{TEXT},{URL}[/add]

<style>
span.tooltip span {
position: absolute;display: none; }
span.tooltip:hover span {position: absolute;display: block; z-index:1000;}
span.tooltip span img {width: 200px;}
span.tooltip b {color: darkblue; cursor: default;}
</style>
<span class="tooltip"><b>{TEXT}</b><span><img src="{URL}"></span></span>

Всплывающая картинка [add] Текст, Адрес кртинки (Без IMG!) [/add]


Код: выделить все
[anc={NUMBER}][/anc]

<a id="anc{NUMBER}"></a>

Якорь [anc= Число (номер якоря)][/anc]

------------------------------------------------------------

[ancto={NUMBER}]{TEXT}[/ancto]

<a href="#anc{NUMBER}" style="text-decoration:none;font-weight:bold;"><span style="color:#0080ff;">{TEXT}</span></a>

Активная ссылка на якорь [ancto= Число (номер якоря)] Текст [/ancto]


Код: выделить все
[blink]{TEXT}[/blink]

<blink>{TEXT}</blink>

Мигающий текст [blink] Ваш текст [/blink]


Код: выделить все
[box={NUMBER},{COLOR}]{TEXT}[/box]

<span style="padding-right:4px;margin:0;"><span style="position:relative;background:{COLOR};border:{NUMBER}px solid #fefefe;text-align:left;vertical-align:text-top
;padding:0 4px 0 4px;">{TEXT}</span></span>

Бокс для контента с заливкой и рамкой [box= Толщина рамки, Цвет заливки] Ваш контент [/box]


Код: выделить все
[center]{TEXT}[/center]

<div style="text-align: center;">{TEXT}</div>

Центрирование [center] Ваш текст [/center]


Код: выделить все
[column]{TEXT}[/column]

<style>
table.col {background: none;border: none;display: inline;position: relative;vertical-align: top;}
table.col td {padding: 0 20px 0 0;}</style>
<table class="col"><tr><td><p>{TEXT}</p></td></tr></table>

Колоночная верстка [column] Ваш текст (1-я колонка) [/column]  [column]  Ваш текст (2-я колонка) [/column] и так далее...


Код: выделить все
[cut={NUMBER}]{TEXT}[/cut]

<script type="text/javascript">
function ToggleArchaicTools{NUMBER}(id1,id2){
   document.getElementById (id1).style.visibility = 'hidden';
   document.getElementById (id2).style.visibility = 'visible';
   var ArchaicTools{NUMBER} = document.getElementById ('ArchaicTools{NUMBER}');
   if (ArchaicTools{NUMBER}) ArchaicTools{NUMBER}.style.display = ArchaicTools{NUMBER}.style.display == 'none' ? 'block' : 'none';}
</script>
<span id="p{NUMBER}" style="visibility:visible;cursor:pointer;color:#ffcc33;padding-right:40px;" onclick="ToggleArchaicTools{NUMBER}('p{NUMBER}','m{NUMBER}')"> ...читать дальше</span>
<span id="m{NUMBER}" style="visibility:hidden;cursor:pointer;color:#ffcc33;margin-left:-120px;text-align:left;" onclick="ToggleArchaicTools{NUMBER}('m{NUMBER}','p{NUMBER}')"> ...свернуть</span>
<span id="ArchaicTools{NUMBER}" style="text-indent:20px;padding-top:5px;padding-bottom:5px;"> {TEXT}</span>
<script type="text/javascript">
   var ArchaicTools{NUMBER} = document.getElementById ('ArchaicTools{NUMBER}');
   if (ArchaicTools{NUMBER}) ArchaicTools{NUMBER}.style.display = 'none';
</script>

Скрытие части текста [cut= Номер абзаца по порядку] Ваш текст [/cut]


Код: выделить все
[del]{TEXT}[/del]

<del>{TEXT}</del>

Зачеркнутый текст [del] Ваш текст [/del]


Код: выделить все
[font={TEXT1}]{TEXT}[/font]

<span style="font-family:{TEXT1};">{TEXT}</span>

Изменение стиля шрифта [font=Имя шрифта] Ваш текст [/font]


Код: выделить все
1. Целесообразно применять с тегом size=200!!!
...хотя и не обязательно

[h={NUMBER}]{TEXT}[/h]

<font size="{NUMBER}">{TEXT}</font>

Дополнительное увеличение текста [h= Число (до 7)]Ваш текст[/h]


Код: выделить все
[hr={NUMBER1},{NUMBER2},{NUMBER3},{COLOR}][/hr]

<style>
.hr{NUMBER1} {
width:{NUMBER3}%;
background:{COLOR};
padding:{NUMBER2}px;
margin-top:9px;
margin-bottom:6px;
}
</style>
<hr class="hr{NUMBER1}">

Линия [hr=Номер по порядку, Цифра(толщина линии), Цифра (длина - % от ширина окна),Цвет][/hr]


Код: выделить все
[interval={NUMBER}]{TEXT}[/interval]

<span style="letter-spacing:{NUMBER}px;padding-left:{NUMBER}px;">{TEXT}</span>

Итервал между символами текста[interval= Цифра] Ваш текст [/interval]


Код: выделить все
[left={NUMBER}]{TEXT}[/left]

<div style="position:relative; right:{NUMBER}px">{TEXT}</div>

[left=На сколько отступить от левого края] Ваш техт [/left]


Код: выделить все
[letter={NUMBER},{COLOR}]{TEXT}[/letter]

<style>
address {font-style: normal;}
address::first-letter {font-size: {NUMBER}%;color: {COLOR};}
</style>

<address style="{NUMBER},{COLOR}">{TEXT}</address>

Манипуляции с первой буквой абзаца[letter=Число (Размер 1-й буквы в абзаце),Цвет (Индекс цвета 1-й буквы в абзаце)] Ваш текст [/letter]


Код: выделить все
[marq={NUMBER}]{TEXT}[/marq]

<span style="margin-left:{NUMBER}px;"><marquee width="50%"><b>{TEXT}</b></marquee></span>

Бегущая строка [marq=Сместить от левого края] Контент [/marq]


Код: выделить все
[myimg={URL}]{TEXT}[/myimg]

<img src="{URL}" style="position:relative;float:left;padding-right:15px;padding-bottom:10px; border:none;">{TEXT}

Обтекание картинки текстом[myimg= Адрес картинки (без тега IMG] Ваш текст [/myimg]


Код: выделить все
Тег, по сути, не отображается, а строится или рисуется, как аналог настоящего.

[nobb={SIMPLETEXT}]{TEXT}[/nobb]

<span style="color:yellow"><code id="blabla1">[{SIMPLETEXT}][/{SIMPLETEXT}]<span>{TEXT}</span></code></span>

BBcode В строке  [nobb= Название тега без скоьок] Ваш Текст (или без него)[/nobb]


Код: выделить все
[paragraph={NUMBER}]{TEXT}[/paragraph]

<div style="text-indent:{NUMBER}px;">{TEXT}</div>

[paragraph=Число (Отступ абзаца)] Ваш текст [/paragraph]


Код: выделить все
[pre]{TEXT}[/pre]

<span style="white-space: pre-wrap;">{TEXT}</span>

Сoхраняет ваше редактирование текста [pre] Ваш текст так, как написано [/pre]


Код: выделить все
[preview-cl={NUMBER3},{NUMBER1},{NUMBER2}]{URL}[/preview-cl]

<script type="text/javascript">
function changeImage1{NUMBER3}(id) {
   document.getElementById (id).style.display = 'block';
   document.getElementById (id).style.position = 'absolute';
   document.getElementById (id).style.top = '10px';
   document.getElementById (id).style.left = '10px';
   document.getElementById (id).style.zIndex = '100';
   }
function changeImage2{NUMBER3}(id) {
   document.getElementById (id).style.display = 'none';
   }
</script>
<div id="s{NUMBER3}" style="position:relative;display:inline-block;padding-bottom:4px;"><img src="{URL}" style="cursor:pointer; height:{NUMBER1}px;z-index:90;" onclick="changeImage1{NUMBER3}('b{NUMBER3}')"></div>
<div id="b{NUMBER3}" style="display:none;"><img src="{URL}" style="cursor:pointer;height:{NUMBER2}px;z-index:100;" onclick="changeImage2{NUMBER3}('b{NUMBER3}')"></div>

Изображение с увеличением/уменьшением при клике [preview-cl=№ по порядку,Число (высота 1),Число (высота 2)]URL картинки (без тегa IMG!!!)[/preview-cl]


Код: выделить все
[preview-in={NUMBER3},{NUMBER1},{NUMBER2}]{URL}[/preview-in]

<div style="position:relative;display:inline-block;padding-bottom:4px;"><a href="#" onmouseover="document.getElementById('bpic{NUMBER3}').style.display='block';document.getElementById('bpic{NUMBER3}').style.top='80px';document.getElementById('bpic{NUMBER3}').style.left='80px';document.getElementById('bpic{NUMBER3}').style.position='absolute';document.getElementById('bpic{NUMBER3}').style.zIndex='100';" onmouseout="document.getElementById('bpic{NUMBER3}').style.display='none';"><img src="{URL}" style="height:{NUMBER1}px;cursor:pointer;border:none;"></a></div>
<div id="bpic{NUMBER3}" style="display: none;height:{NUMBER2}px;padding:5px;"><img src="{URL}" style="cursor:pointer;height:{NUMBER2}px;z-index:100;border:none;"></div>

Изображение с увеличением/уменьшением при наведении [preview-in=№ по порядку,Число (высота 1),Число (высота 2)]URL картинки (без тегa IMG!!!)[/preview-in]


Код: выделить все
[preview={NUMBER}]{URL}[/preview]

<div style="width:{NUMBER}%; display:inline;"><img src={URL} style="width:{NUMBER}%;"></div>

Превью мзображения [preview=Ширина картинки (% от размера)] URL картинки (без тега IMG!!!) [/preview]


Код: выделить все
[preview2={NUMBER1},{NUMBER2},{TEXT}]{URL}[/preview2]

<style>
.imgbox{NUMBER1} {
   position:relative;
   display:inline;
}
.imgbox{NUMBER1} img {
   width:{NUMBER2}%;
   padding:3px 3px 30px 3px;
   border:1px solid #fefefe;
   position:relative;
   margin:0 auto;
}
.textbox{NUMBER1} {
   position:absolute;
   width:96%;
   height:100%;
   top:-15px;
   padding:2px 4px 5px 4px;
   vertical-align:top;
   text-align:center;
   font-size:11px;
   color:#d09a26;
   overflow:hidden;
   text-overflow:ellipsis;
}
</style>
<div class="imgbox{NUMBER1}"><img src="{URL}"><p class="textbox{NUMBER1}">{TEXT}</p></div>

Изображение с подписью [preview2= № картинки, Ширина(% от размера), Подпись] URL картинки (без тега IMG!!!) [/preview2]


Код: выделить все
[right={NUMBER}]{TEXT}[/right]

<div style="position:absolute; right:{NUMBER}px">{TEXT}</div>

[right=На сколько отступить от правого края] Ваш текст [/right]


Код: выделить все
[scroll]{TEXT}[/scroll]

<div style="width:97%;height:300px;background:#000;  border:1px solid #555; padding:6px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius: 8px"><div style="overflow:auto;width:100%;height:100%;">{TEXT}</div></div>

Прокрутка [scroll] Ваш, очень длинный, тект [/scroll]


Код: выделить все
[spoiler={TEXT1}]{TEXT}[/spoiler]

<div style="border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 1em;"><div style="border-bottom: 1px solid #ccc; background:url(styles/black_pearl/theme/images/bg_th.gif) repeat-x; padding: 3px; font-size: 0.9em; font-weight: bold; display: block; color: #ffcc33;"><span style="cursor: pointer;" 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.innerHTML = '<b><a href=\'#\' onClick=\'return false;\'><img src=\'styles/black_pearl/imageset/icon_minimize.png\' width=\'9\' height=\'9\' border=\'0\'></a>&nbsp;{TEXT1}</b>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b><a href=\'#\' onClick=\'return false;\'><img src=\'styles/black_pearl/imageset/icon_maximize.png\' width=\'9\' height=\'9\' border=\'0\'></a>&nbsp;{TEXT1}</b>'; }" /><b><a href="#" onClick="return false;"><img src="styles/black_pearl/imageset/icon_maximize.png" alt="" width="9" height="9" border="0"></a>&nbsp;{TEXT1}</b></span></div><div><div style="display: none; border-bottom: 1px solid #ccc; padding: 3px;position:relative">{TEXT}</div></div></div>

[spoiler=Заголовок спойлера] Ваш сонтент [/spoiler]

ВАРИАНТ СПОЙЛЕР В СПОЙЛЕРЕ:
добавьте в теги spoiler1 и spoiler2!

[spoiler=Заголовок спойлера] Ваш контент 1
[spoiler1=Заголовок спойлера] Ваш контент 2 [/spoiler1]
[spoiler1=Заголовок спойлера] Ваш контент 3
[spoiler2=Заголовок спойлера] Ваш контент 4
[/spoiler2][/spoiler1][/spoiler]


Код: выделить все
[sub]{TEXT}[/sub]

<sub><small>{TEXT}</small></sub>

[sub] Нижний индекс [/sub]

-----------------------------------------------------

[sup]{TEXT}[/sup]

<sup><small>{TEXT}</small></sup>

[sup] Верхний индекс [/sup]


Код: выделить все
1. Таблица формируется построчно.
2. Форматируется вся таблица.
3. Размер дается в % от окна поста или спойлера. 100% - во всю ширину.
4. Теги пишутся БЕЗ разрывов, один за другим.
5. Текст для ячеек пишется через запятую между тегами  [tab=],,,,,,,, [/tab]
    количество не ограничено.

[tab={NUMBER},{COLOR}]{TEXT}[/tab]

<script type="text/javascript">
var s = "{TEXT}";
var trow = "<tr><td id='box'>"+ s.split(",").join("</td><td id='box'>")+"</td></tr>";
document.write("<table id='tabs' cellpadding='0' cellspacing='0' style='color:{COLOR};width:{NUMBER}%;'>")
document.write(trow)
document.write("</table>")
</script>
<style type="text/css">
#tabs{
   text-align:center;
}
#box {
   background:url(styles/black_pearl/theme/images/bg_th.gif) repeat;
   border:2px ridge #000000;
   padding-bottom:4px;
}
</style>

Таблица [tab=Размер в %, Цвет текста в строке] Текст в ячейке [/tab]


ВНИМАНИЕ!
Ссылку брать из сгенерированного HTML-кода на Ютуб (кнопка "Поделиться")!!!
(cм. выделенную часть кода!)

<iframe width="560" height="315" src="http://www.youtube.com/embed/biPZDf9DVyc" frameborder="0" allowfullscreen></iframe>
Код: выделить все
[youtube={NUMBER1},{NUMBER2}]{URL}[/youtube]

<iframe width="{NUMBER1}" height="{NUMBER2}" src="{URL}" allowfullscreen  style="border:1px solid #fefefe;"></iframe>

Загрузка видео с YOUTUBE [youtube=Ширина окна, Высота окна] Ссылка на видеофайл [/youtube]
Последний раз редактировалось Aleksty 24 дек 2012, 05:41, всего редактировалось 1 раз.
Aleksty
Новичок
 
Сообщений: 3
Зарегистрирован:
16 окт 2011, 02:16
Благодарил (а): 0 раз.
Поблагодарили: 4 раз.

Сообщение 24 дек 2012, 02:31

Код: выделить все
[frame-box]{URL}[/frame-box]

<table width="98%" height="300px">
   <tr>
      <td style="border:1px solid #fefefe; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px;">
         <div style="position:relative;padding:3px">
            <iframe width="100%" height="296px" frameborder="0" scrolling="auto" src="{URL}"></iframe>
         </div>
      </td>
   </tr>
</table>

Фрейм-бокс [frame-box] Адрес загружаемой страницы[/frame-box]
Aleksty
Новичок
 
Сообщений: 3
Зарегистрирован:
16 окт 2011, 02:16
Благодарил (а): 0 раз.
Поблагодарили: 4 раз.

Сообщение 19 фев 2015, 16:21

Спасибо, многие коды добавились, а вот spoiler не добавляется. Выходит ошибка
Информация
No route found for "GET /adm/index.php"

В чем может быть проблема?
static77
Пользователь
 
Сообщений: 15
Зарегистрирован:
19 фев 2015, 16:15
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.


Вернуться в Каталог BBcode

Кто сейчас на форуме

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

Форум поддержки phpBB
2008 - 2017 © BB3x.ru - русская поддержка форума phpBB3
Создано на основе phpBB® Forum Software © phpBB Group
авторов модов
разработчиков скинов
русификаторов
и всех поклонников phpBB3