ForumDesign TechSupport - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Фонд форумаРеклама на сайте
Стать модераторомОтзывыДонат

Предложения

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ForumDesign TechSupport - Дизайн для форумов и техническая поддержка » Каталог скриптов » Фрейм в посте с позиционированием без скроллинга (MyBB) [Deff]


Фрейм в посте с позиционированием без скроллинга (MyBB) [Deff]

Сообщений 1 страница 8 из 8

1

Вклейка в сообщение области фрейма нужных размеров, с нужным позиционированием и без скроллинга
Скрипт позволяет вклеивать настраиваемые фреймы в различные части форма/сайта.
http://uploads.ru/i/K/C/G/KCGro.jpg

Автор: Deff
Платформа: любая

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

HTML-верх:

Код:
<!-- Фрейм в Постах by_Deff Ч1-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>
<!-- Фрейм в Постах by_Deff HTML верх-->

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

<!-- Фрейм в Постах by_Deff Ч2-HTML низ-->
<script type="text/javascript">
//Advanced_settings(true) - Расширенные Установки включены;
//Advanced_settings(false)- Расширенные Установки выключены;
//=============================================//
   Advanced_settings(false)
</script><!-- //End//Фрейм в Постах by_Deff Ч2-HTML низ-->

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

Пояснения

Вид тега в сообщении такой

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

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

Вид кнопки таков => http://uploads.ru/t/x/G/E/xGE18.jpg


http://uploads.ru/i/y/V/n/yVnHh.png

*Точные значения удобно определять по скриншоту вставляемого сайта

Примеры

фреймы можно вставить и в 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 установки стиля для Спойлера

<style type="text/css">
.post-content .spoiler-box > div {
background: url("http://st0.bbcorp.ru/img/plus.png") 0% 50% no-repeat transparent;
cursor: pointer;
padding-left: 18px;
}
.post-content .spoiler-box > div.visible {
background-image: url("http://st0.bbcorp.ru/img/minus.png");
}
.post-content .spoiler-box > blockquote {
display: none;
padding-top: 1.4em;
}
.post-content .spoiler-box > blockquote.visible {
display: block;
}
</style>

Отредактировано Герда (19.05.2013 21:21:20)

+1

2

faiko
[ http://uploads.ru/i/F/5/n/F5ngG.gif  Я название пол-дня подбирал(А ти его обкарнала) - чтобы был понять смысл Новшества - пока в Инете не видал вклейки именно области фрейма с нужным позиционированием, (позиционируецо именно область в самом фрейме) проблем с позиционированием фрейма вродь не возникало и ранее... Т.е Ти можешь дернуть нужный кусок чужого сайта без рекламы, без мишуры и вклеить как картинку -* ксать ожидайте ответных антифреймовых скриптов - думаю что сильно это не выгодно сайто-делателям

Добавлено: Видю - поправила - СПС!

Отредактировано Deff (05.05.2012 16:13:05)

0

3

Deff
Прикол в том, что всё название не помещается в заголовок (там ограничение вроде на 70 с чем-то символов), вот я полное название засунула в сам пост. :)
Пущай так останется, или составь мне название покороче. http://uploads.ru/i/7/H/w/7Hwsf.gif

0

4

faiko написал(а):

или составь мне название покороче.

Филе-вырезка из  фрейма лопаточной области[not scroll] (Дословный перевод с Англицкого

0

5

Дополнения-Изменения к скрипту:
"Вклейка в сообщение области фрейма
нужных размеров, с нужным позиционированием и без скроллинга"


1. Организована возможность скрытия фрейма под спойлер без загрузки в закрытом состоянии
2. Назначено уведомление о скрытии второго и более фрейма в одном сообщении
3. Реализовано сохранение неизменной ширины фрейма при скрытии под спойлер


Изменен код идущий в HTML верх(Визуально - ток css)

Отредактировано Deff (11.05.2012 12:52:28)

+1

6

faiko
http://uploads.ru/i/R/j/9/Rj9lU.gif Хм - плюс то поставила - а код и демку не заменила...

0

7

Deff
Шьорт. Склероз на молодости лет.

+1

8

Добрый день.
К сожалению под спойлером фрейм не работает,а очень нужно,работал.
Что нужно сделаться?

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»



Вы здесь » ForumDesign TechSupport - Дизайн для форумов и техническая поддержка » Каталог скриптов » Фрейм в посте с позиционированием без скроллинга (MyBB) [Deff]