Бормотухи.НЕТ

Вернуться   Бормотухи.НЕТ > Web-мастеру > Сайтостроение > phpBBex
Расширенный поиск

phpBBex Все для форума на phpBBex

Ответ
 
Опции темы Поиск в этой теме
Старый 30.07.2014, 20:56 Вверх   #1
bor1s.ru
 
Аватар для eastVi
eastVi вне форума
Доп. информация
По умолчанию BBcode [audio] [video] [media] [youtube] [center]

Урок по установке дополнительных 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 устанавливаются одинаково и без каких-либо усилий!

Последний раз редактировалось eastVi; 31.07.2014 в 07:57..
  Ответить с цитированием
Cказали cпасибо:
Ответ

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход


Текущее время: 07:14. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2022, vBulletin Solutions, Inc. Перевод: zCarot
 

Время генерации страницы 0.08323 секунды с 11 запросами