[Инструкция] BBcode [audio] [video] [media] [youtube]

[eastVi]

Урок по установке дополнительных BBcode на форуме

Установка [audio]

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [audio] — редактировать).
2. В поле «Использование BBCode» введите:

[audio]{URL}[/audio]

3. В поле «Замена HTML» введите (изменять можно только ширину блока!):

<div class='bbaudio' data-url='{URL}' 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> [audio]</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>

4. В поле «Подсказка» введите:

Вставить аудио: [audio]http://muzebra.com/url[/audio]

5. Установите галочку «Показывать на странице ответа» и сохраните форму. Готово!

Установка [video]

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [video] — редактировать).
2. В поле «Использование BBCode» введите:

[video]{URL}[/video]

3. В поле «Замена HTML» введите (вторая версия кода, изменять можно только высоту и ширину блока!):

<div class='bbvideo' data-url='{URL}' 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> [video]</div></div>

4. В поле «Подсказка» введите:

Вставить видео: [video]http://youtube.com/url[/video]

5. Установите галочку «Показывать на странице ответа» и сохраните форму. Готово!

Установка [media]

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [media] — редактировать).
2. В поле «Использование BBCode» введите:

[media]{URL}[/media]

3. В поле «Замена HTML» введите (вводить без изменений!):

<div class='bbmedia' data-url='{URL}' 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> [media]</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>

4. В поле «Подсказка» введите:

Вставить аудио, видео, карту, панораму или другое мультимедиа: [media]http://youtube.com/url[/media]

5. Установите галочку «Показывать на странице ответа» и сохраните форму. Готово!

Установка [youtube]

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [youtube] — редактировать).
2. В поле «Использование BBCode» введите:

3. В поле «Замена HTML» введите (изменять можно только высоту и ширину блока!):

<div class='bbvideo' data-url='http://youtu.be/{SIMPLETEXT}' 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> [youtube]</div></div>

4. В поле «Подсказка» введите:

Вставить видео: 

5. Готово!

Установка [center]

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [youtube] — редактировать).
2. В поле «Использование BBCode» введите: Вставлять без "

[center"]{TEXT}[/center"]

3. В поле «Замена HTML» введите (изменять можно только высоту и ширину блока!):

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

4. В поле «Подсказка» введите: Вставлять без "

[center"]текст по центру[/center"]

5. Готово!

Установка [docs.google.com]

1. Админка, вкладка «Сообщения», страничка «BBCodes», добавить BBCode (если уже есть [youtube] — редактировать).
2. В поле «Использование BBCode» введите:

[gdocs]{URL}[/gdocs]

3. В поле «Замена HTML» введите (изменять можно только высоту и ширину блока!):

<div style="margin:2px; margin-top:2px;" width="100%">
 <div class="quotetitle" width="100%">
  <a href="{SIMPLETEXT}" target="_blank"><b>{URL}</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="{URL}" style="display: none; width:100%; height:600px; max-height:4000px;" scrolling="no" frameborder="0" marginheight="0" marginwidth="0"></iframe>
 </div>
</div>

4. В поле «Подсказка» введите:

Просмотр документа (pdf, doc, xls и др.) с помощью docs.google.com : [gdocs]ссылка на документ[/gdocs]

5. Готово!
Добавлено через 1 минуту 18 секунд

Хочу заметить что все данные BBcode устанавливаются одинаково и без каких-либо усилий!