Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Проблемы с форумом » Чат, уведомлялка и мобильная версия.


Чат, уведомлялка и мобильная версия.

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

1

1 чат.
Делала чат вот по этому скрипту
Скрипты от пользователей 3
Но чего то из за него не грузится форум.

2. Ежесуточная уведомлялка
Встала хорошо. проблем с ней нет, но она появляется не каждые 12 часов, а каждое обновление страницы.
Так же хотелось бы ее отключить на мобильной версии.

код
Код:

<!-- УВЕДОМЛЕНИЕ -->
<div id="inter2" style="position: fixed;z-index: 10000;top: 20%;width: 420px;padding-left: 20px;padding-right: 0px;height: 407px;background: url(&quot;http://imgdepo.com/id/10568577.png&quot;);/* border-radius: 15px; */box-shadow: rgb(0, 0, 0) 0px 5px 18px;font-weight: bold;border: none;font-family: arial;font-size: 12px;font-style: oblique;line-height: 9px;left: 50% !important;margin-left: -200px !important;border: 3px double #fff;"><img class="img1809" style="position: absolute;cursor:pointer;right:0;" src="http://savepic.org/2110923.gif"><div style="COLOR: #FFF; font-variant: normal;line-height:125%; font-size: 14px; text-shadow: #000  1px 1px  0; margin-bottom: 8px; margin-top: 7px; padding-top: 6px; overflow-y: auto!important; width: 400px; height: 350px!important; scrollbar-face-color: #5f1b1b;scrollbar-highlight-color: #212126; scrollbar-shadow-color: #ae5151;scrollbar-3dlight-color: #212126; scrollbar-arrow-color: #5f1b1b; scrollbar-track-color: #761a1a;scrollbar-darkshadow-color: #ae5151;">
<!-- КОНТЕНТ -->
<center><p>Здравствуйте Дорогие Гости!</p></center>
<address align="center">
	<span style="font-style: normal; font-weight: 700"><img src="http://imgdepo.com/id/10604250.png">
	<img border="0" src="http://imgdepo.com/id/10663267.png" width="200" height="50"></span></address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">Хотите полное БЕСПЛАТНОЕ 
	оформление для Вашего чата?</span></address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">Тогда участвуйте в новом 
	сервисе &quot;Жгучий чат&quot;</span></address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">Расскажите о своем чате 
	историю создания. </span>
</address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">На чем основывается идея 
	Вашего чата?</span></address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">&nbsp;Чем он отличается 
	от остальных?</span></address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">Раз в месяц мы будем 
	отбирать один чат с самой интересной </span>
</address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">историей и полностью 
	оформим его под ключ, под Вашу идею.</span></address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">Торопитесь быть первыми!</span></address>
<br>
<address align="center">
	<span style="font-style: normal; font-weight: 700">
	<a href="http://elizium.funbb.ru/viewtopic.php?id=27">Подробнее...</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="http://elizium.funbb.ru/viewtopic.php?id=28#p52">Подать заявку на 
	участие.</a></span></address><br>
<address align="center">
	<b><span style="font-style: normal">
	<a href="http://elizium.funbb.ru/viewtopic.php?id=43">Задать вопросы</a></span></b></address>
<!--/End КОНТЕНТ -->
</div></div>
<script src="http://hostjs-mybb2011.narod.ru/js/CookieJsLibrary_v_011_4.js"></script>
<script type="text/javascript">
if(typeof(getCookie01)!="undefined"){
var UwOn=0 //1-Уведомление Включено; 0 - Выключено
RabRegim=2 // 1 - Рабочий Режим  -(Если - 0 Тестовый режим и Всплывает все время
if(!RabRegim){deleteCookie01('#inter2')}
var TimePOP=12 // раз в 12 часов повторяемость - для одного юзера
if(GroupID!=3&&UwOn&&!getCookie01('#inter2')&&document.URL=="http://"+location.hostname+"/"){
$("#inter2").show();setCookie01('#inter2','off',TimePOP*60*60*1000)}
$(".img1809").click(function(){$("#inter2").hide();});
}
</script><!--//КОНЕЦ - УВЕДОМЛЕНИЕ -->

3 Мобильная версия
Делала как тут
Мобильная версия форума
но стиль остался прежним на мобильном.
Что не так?

http://elizium.funbb.ru

Отредактировано Леди Огня (Чт, 25 Май 2017 12:35:10)

0

2

Леди Огня написал(а):

но стиль остался прежним на мобильном.

Вы прописывали в стиле мобильного дизайна медиаскрины с максимальной шириной?
код css имеет формат @media screen and (max-width: 760px) {тут элементы дизайна под данную ширину}
Ширина, собственно, прописывается в медиаскринах под любые мобильные устройства.
Если вы сунули текущий дизайн и надеетесь, что он волшебным образом преобразуется в мобильный стиль, то я вас разочарую. Все эти манипуляции необходимо проводить вручную в подгружаемом файле мобильного стиля.
Что касаемо уведомлялки, то поставьте, где красным, "1"
RabRegim=2 // 1 - Рабочий Режим  -(Если - 0 Тестовый режим и Всплывает все время
Ибо на значение "2" в скрипте не предусмотрено какое-либо действие, потому включен тестовый режим, который выдает окошко каждое обновление страницы. Если манипуляция не поможет, то уже надо будет детально рассматривать скрипт на примере вашего форума.

0

3

pusheen. написал(а):

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

Стиль вообще не изменился а остался в прежнем формате не только по ширине но и по оформлению.
@media screen and (max-width: 480px)

pusheen. написал(а):

RabRegim=2 // 1 - Рабочий Режим  -(Если - 0 Тестовый режим и Всплывает все время

не помогает.

0

4

Леди Огня
Ссылку на форум, ибо я не телепат))
Что касаемо самого мобильного стиля, вы его сами разрабатывали, включая все сменяемые элементы для мобильного стиля, или взяли текущий, который просто уменьшает фрейм, а не элементы?

0

5

Леди Огня написал(а):

Стиль вообще не изменился а остался в прежнем формате не только по ширине но и по оформлению.

Проглядела. Тогда да, моя гипотеза верна) В любом случае, жду ссылку.

0

6

pusheen. написал(а):

вы его сами разрабатывали, включая все сменяемые элементы для мобильного стиля, или взяли текущий, который просто уменьшает фрейм, а не элементы?

нет стиль взят с поста Мобильная версия форума

текущий стиль основного собственный.

0

7

pusheen. написал(а):

Проглядела. Тогда да, моя гипотеза верна) В любом случае, жду ссылку.

ссылка в первом посте.
на счет стиля-все поняла. туплю.

0

8

Леди Огня
Мобильный стиль включается по @media screen and (max-width: 480px), ширина экрана вашего мобильного устройства больше, чем 480px, потому он и выдает вам текущий не мобильный стиль.  Следовательно, надо прописать стиль и для текущего экрана. Можно брать точку сужения фреймов от общего значения, например: 720px. Тогда экраны меньше этого значения будут видеть мобильный стиль.

скрин окна

http://s7.uploads.ru/t/g007s.png

Как вы видите, из-за того, что вы не редактировали мобильный стиль, то все друг на друга наезжает)) Так мобильная версия рабочая. Рекомендую прописать дополнительные медиаскрины под перечень разрешений, начиная от 480px и заканчивая 720px.
Что касаемо окна-всплывашки, то сейчас посмотрю, в чем может быть проблема.
Насчет чата помочь не смогу пока что.

0

9

Леди Огня
Замените текущую уведомлялку. Немного подправила, точнее добавила одну строку) display:none;  Теперь все должно работать.

Код:
<!-- УВЕДОМЛЕНИЕ -->
<div id="inter2" style="display:none;position: fixed;z-index: 10000;top: 20%;width: 420px;padding-left: 20px;padding-right: 0px;height: 407px;background: url(&quot;http://imgdepo.com/id/10568577.png&quot;);/* border-radius: 15px; */box-shadow: rgb(0, 0, 0) 0px 5px 18px;font-weight: bold;border: none;font-family: arial;font-size: 12px;font-style: oblique;line-height: 9px;left: 50% !important;margin-left: -200px !important;border: 3px double #fff;"><img class="img1809" style="position: absolute;cursor:pointer;right:0;" src="http://savepic.org/2110923.gif"><div style="COLOR: #FFF; font-variant: normal;line-height:125%; font-size: 14px; text-shadow: #000  1px 1px  0; margin-bottom: 8px; margin-top: 7px; padding-top: 6px; overflow-y: auto!important; width: 400px; height: 350px!important; scrollbar-face-color: #5f1b1b;scrollbar-highlight-color: #212126; scrollbar-shadow-color: #ae5151;scrollbar-3dlight-color: #212126; scrollbar-arrow-color: #5f1b1b; scrollbar-track-color: #761a1a;scrollbar-darkshadow-color: #ae5151;">
<!-- КОНТЕНТ -->
<center><p>Здравствуйте Дорогие Гости!</p></center>
<address align="center">
	<span style="font-style: normal; font-weight: 700"><img src="http://imgdepo.com/id/10604250.png">
	<img border="0" src="http://imgdepo.com/id/10663267.png" width="200" height="50"></span></address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">Хотите полное БЕСПЛАТНОЕ 
	оформление для Вашего чата?</span></address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">Тогда участвуйте в новом 
	сервисе &quot;Жгучий чат&quot;</span></address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">Расскажите о своем чате 
	историю создания. </span>
</address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">На чем основывается идея 
	Вашего чата?</span></address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">&nbsp;Чем он отличается 
	от остальных?</span></address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">Раз в месяц мы будем 
	отбирать один чат с самой интересной </span>
</address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">историей и полностью 
	оформим его под ключ, под Вашу идею.</span></address>
<address align="center">
	<span style="font-style: normal; font-weight: 700">Торопитесь быть первыми!</span></address>
<br>
<address align="center">
	<span style="font-style: normal; font-weight: 700">
	<a href="http://elizium.funbb.ru/viewtopic.php?id=27">Подробнее...</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<a href="http://elizium.funbb.ru/viewtopic.php?id=28#p52">Подать заявку на 
	участие.</a></span></address><br>
<address align="center">
	<b><span style="font-style: normal">
	<a href="http://elizium.funbb.ru/viewtopic.php?id=43">Задать вопросы</a></span></b></address>
<!--/End КОНТЕНТ -->
</div></div>
<script src="http://hostjs-mybb2011.narod.ru/js/CookieJsLibrary_v_011_4.js"></script>
<script type="text/javascript">
if(typeof(getCookie01)!="undefined"){
var UwOn=1 //1-Уведомление Включено; 0 - Выключено
RabRegim=1 // 1 - Рабочий Режим  -(Если - 0 Тестовый режим и Всплывает все время
if(!RabRegim){deleteCookie01('#inter2')}
var TimePOP=12 // раз в 12 часов повторяемость - для одного юзера
if(GroupID!=3&&UwOn&&!getCookie01('#inter2')&&document.URL=="http://"+location.hostname+"/"){
$("#inter2").show();setCookie01('#inter2','off',TimePOP*60*60*1000)}
$(".img1809").click(function(){$("#inter2").hide();});
}
</script><!--//КОНЕЦ - УВЕДОМЛЕНИЕ -->

0

10

Леди Огня
Если вдруг завтра уведомлялка не выскочит, хотя должна (ибо скрывает фрейм после первого показа, но через 12 часов уведомлялка вновь должна показаться), то напишите ))
Если хотите проверить быстрее, то попробуйте перевести часы на ПК на завтрашнюю дату.

0

11

pusheen. написал(а):

еперь все должно работать.

Спасибочки большое)))

0

12

pusheen. написал(а):

Можно брать точку сужения фреймов от общего значения, например: 720px.

а как подобное прописать?

0

13

Леди Огня
Откройте мобильный стиль редактором, я использую Notepad++ для таких вещей, он самый маловесный, пожалуй, после текстового документа. Но он не подойдет для верстки страниц или шаблонов, просто для простой правки или просмотра кода, с подсвеченными селекторами.
Далее внесите правку самый первый медиаскрин - @media screen and (max-width: 480px), где замените число на большее. Поставьте там, к примеру, @media screen and (max-width: 720px).
Последующие медиаскрины будут внутри глобального. Если прописывать группе элементов, например, меньшее разрешение, или изменить позиционирование. Тогда будет иметь формат такой:
@media screen and (max-width: 760px){
#элементы отображения css;
@media screen and (max-width: 480px){ тут группа элементов под меньшее разрешение}
}
Таким образом можно подбить все элементы под абсолютно все разрешения экранов мобильных устройств.

Отредактировано pusheen. (Чт, 25 Май 2017 15:25:14)

+1


Вы здесь » Единый форум поддержки » Проблемы с форумом » Чат, уведомлялка и мобильная версия.