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

Объявление

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

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

Подробнее

Дизайн «Warlords of Draenor»

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

Подробнее

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

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

Подробнее

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

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

Подробнее

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

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

Предложения

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

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


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Фрейм в посте с позиционированием без скроллинга


Фрейм в посте с позиционированием без скроллинга

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

1

Вклейка в сообщение области фрейма нужных размеров, с нужным позиционированием и без скроллинга
Скрипт позволяет вклеивать настраиваемые фреймы в различные части форма/сайта.

http://forumfiles.ru/uploads/0007/e3/f7/2/12055.png

Автор: 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]

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

Примеры

фреймы можно вставить и в 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

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

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


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

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Фрейм в посте с позиционированием без скроллинга