Пользовательские BB-коды форумов phpbb3

Описания, руководства и др.

Пользовательские BB-коды форумов phpbb3

Сообщение Serg » Вс дек 16, 2012 8:01

Изменить размер шрифта ↓ВернутьИзменить размер шрифта ↑Разработана инструкция по использованию BB-кодов форумов phpbb3, см. здесь. Для использования на своем форуме можно перейти в ответ с цитированием и скопировать текст.

Ниже приведены настройки в администраторском разделе упомянутых в инструкции пользовательских BB-кодов.

Код: Выделить всё
[audio]{TEXT}[/audio]
Код: Выделить всё
<div class='bbaudio' data-url='{TEXT}' 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://phpbbex.com/' target='_blank'>phpBB</a> &#91;audio&#93;</div><script>if (typeof bbmedia == 'undefined') { bbmedia = true; var e = document.createElement('script'); e.async = true; e.src = 'http://phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div>
Код: Выделить всё
Вставить аудио : [audio]ссылка[/audio]


Код: Выделить всё
[background={COLOR}]{TEXT}[/background]
Код: Выделить всё
<span style="background-color: {COLOR};">{TEXT}</span>
Код: Выделить всё
Фоновый цвет текста : [background=цвет]тект[/background]


Код: Выделить всё
[blink]{TEXT}[/blink]
Код: Выделить всё
<span style="text-decoration: blink;">{TEXT}</span>
Код: Выделить всё
Мерцающий текст : [blink]текст[/blink]


Код: Выделить всё
[center]{TEXT}[/center]
Код: Выделить всё
<center>{TEXT}</center>
Код: Выделить всё
Расположить текст по центру: [center]текст[/center]


Код: Выделить всё
[col2]{TEXT1}|{TEXT2}[/col2]
Код: Выделить всё
<table width="100%"><tr><td style="vertical-align: top; width:50%; padding-right:10px;">{TEXT1}</td><td style="vertical-align: top; width:50%; padding-left:10px;">{TEXT2}</td></tr></table>
Код: Выделить всё
Текст в две колонки : [col2]колонка 1|колонка 2[/col2]


Код: Выделить всё
[comment]{TEXT}[/comment]
Код: Выделить всё
<!-- {TEXT} -->
Код: Выделить всё
Невидимый комментарий [comment]этот текст виден только при редактировании сообщения[/comment]


Код: Выделить всё
[gdocs]{TEXT}[/gdocs]
Код: Выделить всё
<div style="margin:2px; margin-top:2px;" width="100%">
 <div class="quotetitle" width="100%">
  <a href="{TEXT}" target="_blank"><b>{TEXT}</b></a>&nbsp;
  <input type="button" value="Показать" style="width:65px;font-size:10px;margin:0px;padding:0px;" onclick="
   if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('iframe')[0].style.display != '')
    { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('iframe')[0].style.display = '';
      this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('iframe')[0].style.height = Math.round((4*((document.compatMode=='CSS1Compat' && window.opera) ? (window.innerHeight) : (document.compatMode=='CSS1Compat' && !window.opera ? document.documentElement.clientHeight : document.body.clientHeight)))/5) + 'px';
      if (this.textContent == undefined) { this.innerText=''; } else { this.textContent=''; }
      this.value = 'Скрыть';
    } else
    { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('iframe')[0].style.display = 'none';
      if (this.textContent == undefined) { this.innerText=''; } else { this.textContent=''; }
      this.value = 'Показать';
    }
  " />
 </div>
 <div class="quotecontent" width="100%">
  <iframe src="http://docs.google.com/gview?url={TEXT}&embedded=true" style="display: none; width:100%; height:600px; max-height:4000px;" scrolling="no" frameborder="0" marginheight="0" marginwidth="0"></iframe>
 </div>
</div>
Код: Выделить всё
Просмотр документа (pdf, doc, xls и др.) с помощью docs.google.com : [gdocs]ссылка на документ[/gdocs]


Код: Выделить всё
[hr][/hr]
Код: Выделить всё
<hr />
Код: Выделить всё
Горизонтальная линия: [hr][/hr]


Код: Выделить всё
[media]{TEXT}[/media]
Код: Выделить всё
<div class='bbmedia' data-url='{TEXT}' 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://phpbbex.com/' target='_blank'>phpBB</a> &#91;media&#93;</div><script>if (typeof bbmedia == 'undefined') { bbmedia = true; var e = document.createElement('script'); e.async = true; e.src = 'http://phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div>
Код: Выделить всё
Вставить аудио, видео, карту, панораму или другое мультимедиа : [media]ссылка[/media]


Код: Выделить всё
[media={INTTEXT}]{TEXT}[/media]
Код: Выделить всё
<div class='bbmedia' data-url='{TEXT}' data-args='{INTTEXT}' 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://phpbbex.com/' target='_blank'>phpBB</a> &#91;media&#93;</div><script>if (typeof bbmedia == 'undefined') { bbmedia = true; var e = document.createElement('script'); e.async = true; e.src = 'http://phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div>
Код: Выделить всё
Вставить аудио, видео, карту, панораму или другое мультимедиа : [media=ширина,высота]ссылка[/media]


Код: Выделить всё
[mmedia]{TEXT}[/mmedia]
Код: Выделить всё
<div class='bbmedia' data-url='{TEXT}' style='margin: 1px; display: inline-block; vertical-align: bottom; width:"100%";'><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://phpbbex.com/' target='_blank'>phpBB</a> &#91;media&#93;</div><script>if (typeof bbmedia == 'undefined') { bbmedia = true; var e = document.createElement('script'); e.async = true; e.src = 'http://phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div>
Код: Выделить всё
Вставить аудио, видео, карту, панораму или другое мультимедиа, по ширине окна сообщения : [media]ссылка[/media]


Код: Выделить всё
[o]{TEXT}[/o]
Код: Выделить всё
<span style="text-decoration: overline;">{TEXT}</span>
Код: Выделить всё
Текст с линией сверху : [o]текст[/o]


Код: Выделить всё
[right]{TEXT}[/right]
Код: Выделить всё
<div style="text-align:right">{TEXT}</div>
Код: Выделить всё
Расположить текст справа: [right]текст[/right]


Код: Выделить всё
[rimg]{URL}[/rimg]
Код: Выделить всё
<a href="{URL}" target="_blank">
<img style="max-width:150px;" src="{URL}" alt="" title="" onload="
 this.style.maxWidth = Math.round((99*((document.compatMode=='CSS1Compat' && window.opera) ? (window.innerWidth) : (document.compatMode=='CSS1Compat' && !window.opera ? document.documentElement.clientWidth : document.body.clientWidth)))/100) + 'px';
" /></a>
Код: Выделить всё
Картинка без превышения ширины области сообщения (аналог img): [rimg]ссылка[/rimg]


Код: Выделить всё
[rimg={TEXT1},{TEXT2}]{TEXT3}[/rimg]
Код: Выделить всё
<a href="{TEXT3}" target="_blank">
<img style="max-width:{TEXT1}; max-height:{TEXT2};" src="{TEXT3}" alt="" title="" /></a>
Код: Выделить всё
Картинка с указанием масштаба (nnn%, nnnpx) (аналог img): [rimg=масштаб_x,масштаб_y]ссылка[/rimg]


Код: Выделить всё
[s]{TEXT}[/s]
Код: Выделить всё
<span style="text-decoration: line-through;">{TEXT}</span>
Код: Выделить всё
Перечеркнутый текст : [s]текст[/s]


Код: Выделить всё
[shadow={TEXT1}]{TEXT2}[/shadow]
Код: Выделить всё
<span style="text-shadow: {TEXT1}">{TEXT2}</span>
Код: Выделить всё
Установить тень текста (в соответствии с атрибутом css text-shadow: сдвиг_по_x сдвиг_по_y радиус_размытия цвет) : [shadow=атрибут]текст[/shadow]


Код: Выделить всё
[skype]{INTTEXT}[/skype]
Код: Выделить всё
<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<a title="Skype" href="skype:{INTTEXT}?call"><img src="http://mystatus.skype.com/smallclassic/{INTTEXT}" style="border: none;" width="114" height="20" alt="Skype : {INTTEXT}" /></a>
Код: Выделить всё
Skype : [skype]имя пользователя[/skype]


Код: Выделить всё
[spoiler={TEXT1}]{TEXT2}[/spoiler]
Код: Выделить всё
<div style="margin:5px; margin-top:5px">
 <div class="quotetitle">
  <b>{TEXT1}</b>&nbsp;
  <input type="button" value="Показать" style="width:65px;font-size:10px;margin:0px;padding:0px;" onclick="
   if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')
   { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
     if (this.textContent == undefined) { this.innerText=''; } else { this.textContent=''; }
     this.value = 'Скрыть';
   } else
   { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
     if (this.textContent == undefined) { this.innerText=''; } else { this.textContent=''; }
     this.value = 'Показать';
   }
  " />
 </div>
 <div class="quotecontent">
  <div style="display: none;">{TEXT2}</div>
 </div>
</div>
Код: Выделить всё
Скрытый текст : [spoiler=название]текст[/spoiler]


Код: Выделить всё
[sub]{TEXT}[/sub]
Код: Выделить всё
<span style="vertical-align: sub;">{TEXT}</span>
Код: Выделить всё
Сабскрипт : [sub]текст[/sub]


Код: Выделить всё
[sup]{TEXT}[/sup]
Код: Выделить всё
<span style="vertical-align: super;">{TEXT}</span>
Код: Выделить всё
Суперскрипт : [sup]текст[/sup]


Код: Выделить всё
[sysinfo][/sysinfo]
Код: Выделить всё
[sysinfo]<div style="text-align:center;"><img src="http://www.wieistmeineip.de/ip-address" alt="" /></div>[/sysinfo]
Код: Выделить всё
Информация о Вашей системе: [sysinfo][/sysinfo]


Код: Выделить всё
[tab]{TEXT}[/tab]
Код: Выделить всё
<table border="1" width="100%" cellspacing="0" cellpadding="0" style="border-collapse: collapse;">{TEXT}</table>
Код: Выделить всё
Таблица: [tab]содержимое таблицы - строки и их ячейки [tr][td]..[/td][td]..[/td]..[/tr]..[/tab]


Код: Выделить всё
[td]{TEXT}[/td]
Код: Выделить всё
<td style="border: 2px inset #666666; padding: 4px;">{TEXT}</td>
Код: Выделить всё
Ячейка таблицы: [td]содержимое ячейки (например, текст)[/td]


Код: Выделить всё
[tdc={NUMBER}]{TEXT}[/tdc]
Код: Выделить всё
<td colspan="{NUMBER}" style="border: 2px inset #666666; padding: 4px;">{TEXT}</td>
Код: Выделить всё
Объединенные по столбцам ячейки таблицы: [tdc=количество]содержимое ячейки (например, текст)[/tdc]


Код: Выделить всё
[tdr={NUMBER}]{TEXT}[/tdr]
Код: Выделить всё
<td rowspan="{NUMBER}" style="border: 2px inset #666666; padding: 4px;">{TEXT}</td>
Код: Выделить всё
Объединение по строкам ячейки таблицы: [tdr=количество]содержимое ячейки (например, текст)[/tdr]


Код: Выделить всё
[th]{TEXT}[/th]
Код: Выделить всё
<th style="border: 2px inset #666666; padding: 4px; color:black; background-color: white; background-image: none">{TEXT}</th>
Код: Выделить всё
Ячейка заголовка таблицы: [th]содержимое ячейки (например, текст)[/th]


Код: Выделить всё
[tooltip={TEXT1}]{TEXT2}[/tooltip]
Код: Выделить всё
<span title="{TEXT1}" style="cursor: help;">{TEXT2}</span>
Код: Выделить всё
Подсказка (тултип) : [tooltip=подсказка]текст[/tooltip]


Код: Выделить всё
[tr]{TEXT}[/tr]
Код: Выделить всё
<tr>{TEXT}</tr>
Код: Выделить всё
Строка таблицы: [tr]содержимое строки - ячейки [td]..[/td][td]..[/td]..[/tr]


Код: Выделить всё
[video]{TEXT}[/video]
Код: Выделить всё
<div class='bbvideo' data-url='{TEXT}' style='width: 640px; height: 390px; margin: 2px 0; display: inline-block; background: #000; color: #fff; overflow: hidden; vertical-align: bottom;'><div style='height: 100%;'><script>if (typeof bbmedia == 'undefined') { bbmedia = true; var e = document.createElement('script'); e.async = true; e.src = 'http://phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div><div style='text-align: right; height: 14px; margin-top: -14px; padding-right: 2px; font: 10px/10px Verdana; color: #555;'><a style='color: #105289; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div></div>
Код: Выделить всё
Вставить видео : [video]ссылка[/video]


Код: Выделить всё
[video={NUMBER1},{NUMBER2}]{TEXT}[/video]
Код: Выделить всё
<div class='bbvideo' data-url='{TEXT}' style='width: {NUMBER1}px; height: {NUMBER2}px; margin: 2px 0; display: inline-block; background: #000; color: #fff; overflow: hidden; vertical-align: bottom;'><div style='height: 100%;'><script>if (typeof bbmedia == 'undefined') { bbmedia = true; var e = document.createElement('script'); e.async = true; e.src = 'http://phpbbex.com/api/bbmedia.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }</script></div><div style='text-align: right; height: 14px; margin-top: -14px; padding-right: 2px; font: 10px/10px Verdana; color: #555;'><a style='color: #105289; text-decoration: none;' href='http://phpbbex.com/' target='_blank'>phpBB</a> &#91;video&#93;</div></div>
Код: Выделить всё
Вставить видео : [video=ширина,высота]ссылка[/video]


Примечание: Для ссылок следует использовать {URL} вместо {TEXT}. В коде выше используется {TEXT} по причине наличия проблем с версией PHP данного хостинга.
Аватара пользователя
Serg
Администратор
 
Сообщения: 88
Зарегистрирован: Ср янв 14, 2009 13:50
Имя: Сергей Юрьевич

Re: Пользовательские BB-коды форумов phpbb3

Сообщение Serg » Вс янв 06, 2013 16:31

Изменить размер шрифта ↓ВернутьИзменить размер шрифта ↑Добавлен ББ-код:
Код: Выделить всё
[gchart]{TEXT}[/gchart]
Код: Выделить всё
<a href="http://imagecharteditor.appspot.com/" target="_blank" title="Google Chart : {TEXT}"><img src="http:{TEXT}" alt="Google Chart : {TEXT}"/></a>
Код: Выделить всё
Google Chart [gchart]ссылка IM[/gchart], для редактирования импортируйте ссылку на рисунок в http://imagecharteditor.appspot.com/
Аватара пользователя
Serg
Администратор
 
Сообщения: 88
Зарегистрирован: Ср янв 14, 2009 13:50
Имя: Сергей Юрьевич


Вернуться в Документация

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

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