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