Копилка » Скрипты » MyBB форумы » Информация и виджеты

Фрейм в посте или другой части сайта/форума (Deff)

Скрипт позволяет вклеивать настраиваемые фреймы в различные части форма/сайта.
Демо
Автор: Deff
Платформа: любая
Категория: Информация и виджеты

Оценка: 4.5/2

26.06.2015, 03:14

Вклеить в страницу форума полюбившеся кино без лишних добавок, которое еще и не скачивается с сайта, вставить игру (так, чтобы и непонятно было - она на данной странице или где еще), вставить продвинутое радио... Всё это позволит следующий скрипт:
Вклейка в сообщение области фрейма нужных размеров, с нужным позиционированием и без скроллинга

HTML-верх:

Код

<style type="text/css">
div[onclick*="toggleClass"]{
position:relative;z-index:120;
}
div.FRAmeWrap{
background-color:#000;
/*border:1px solid red;*/
padding:0;margin:0;
background-image:url(http://uploads.ru/i/0/S/c/0ScZL.gif);
/*background-color:#fff;
background-image:url(http://uploads.ru/i/0/k/H/0kH4i.gif);*/
background-position:center center;
background-repeat:no-repeat;
}
</style>
<script type="text/javascript" src="http://hostjs-mybb2011.narod.ru/js/SetFrameinPost.js"></script>

В начало HTML-низа:

Цитата

<script type="text/javascript">
//Advanced_settings(true) - Расширенные Установки включены;
//Advanced_settings(false)- Расширенные Установки выключены;
//=============================================//
Advanced_settings(false)
</script>

Есть расширенные установки, и есть стандартные (сейчас выставлены стандартные красным).

Фреймы в сообщении
Вид тега в сообщении на форуме такой:

Цитата

[chess_frame=http://chess-samara.ru/2933351-igra-Evgo-vs-Moskalenko,723,510,270,300]

Синим- ссылка; Красным - ширина и высота фрейма.
Пурпурным- позиция фреймо-окна от верха фреймо-страницы, и от левого края.
Все пояснения даются по ходу ввода тега в сообщение. Для вставки фрема воспользуйтесь кнопкой в форме ответа (скриншот №1).
Точные значения отступов удобно определять по скриншоту вставляемого сайта (скриншот №2).

Фреймы в HTML
Фреймы можно также вставить и в HTML верх/низ и Объявление на форуме. Ну, или в любое место на сайте.
ВНИМАНИЕ!В HTML низ, вставляемые код с тегом должен идти Выше части скрипта, вставленного в HTML низ.
При вставке не в сообщение тег дополняем обрамлением синим =>

Цитата

<div class="post-content">
[chess_frame=....] Тут вставлем тег с нужными параметрами
</div>

Примеры
Код вставки "Русского Радио" в Объявление(после установки скрипта):

Цитата

<div class="post-content">
[chess_frame=http://www.moskva.fm/play/4000/1335772800,658,460,10,0]
</div>

Код вставки радио "Романтика" в Объявление(после установки скрипта):

Цитата

<div class="post-content">
[chess_frame=http://www.moskva.fm/play/4026/translation,655,469,63,0]
</div>

Дополнения
Поскольку фреймы при количестве два и более тормозят загрузку страницы...
1. Организована возможность скрытия фрейма под спойлер без загрузки в закрытом состоянии
2. Назначено уведомление о скрытии второго и более фрейма в одном сообщении
3. Реализовано сохранение неизменной ширины фрейма при скрытии под спойлер
При необходимости скрытия фреймов под спойлер в HTML страницы(HTML верх/низ или Объявление), a не в сообщениях топика, требуется дополнительное обрамление тега.
Выделено синим:

Цитата

<div class="post-content">
<div class="quote-box spoiler-box"><div onclick="$(this).toggleClass('visible'); $(this).next().toggleClass('visible');">Свернутый текст</div><blockquote>
[chess_frame=http://chess-samara.ru/2933351-igra-Evgo-vs-Moskalenko,700,510,270,300]
</blockquote></div>
</div>

ВНИМАНИЕ! Для НЕ mybb сайтов необходимо наличие jQuery-плагина, установленного до первой части скрипта!
И дополнительный код css установки стиля для Спойлера:

Цитата

Теги: Форма ответа и создание постов, Deff, Информация и виджеты, скрипт, mybb

Просмотров: 840, Загрузок: 0, Оценка: 4.5 (2)

Страницы:


Имя *:
Email *:
Все смайлы
Код *: