Перейти к публикации

Модальное всплывающее окно при загрузке полной новости


Рекомендованные сообщения

Привет всем!
Подскажите, как сделать модальное окно, которое будет выводиться при первом посещении пользователя в полной новости.
Плавное появление, затеменный фон, закрывается по крестику, по кнопке, "ОК, ясно" или по клику вне окна. 
В окне будет написано что-то типа "вступайте в нашу группу... Ссылки на группы"

Ссылка на сообщение
Поделиться на других сайтах
2 часа назад, germanydletest сказал:

А в гугле давно банить начали? http://dimox.name/popup-window-on-first-web-site-visit/

 

Спасибо, конечно, но это прикрутить именно к DLE для меня очень сложно. Это универсальный метод, я же ищу именно для DLE 

Изменено пользователем Resettt
Ссылка на сообщение
Поделиться на других сайтах
22 минуты назад, Resettt сказал:

 

Спасибо, конечно, но это прикрутить именно к DLE для меня очень сложно. Это универсальный метод, я же ищу именно для DLE 

Да, случай конечно тяжёлый, ну да ладно, сейчас разжую.

Качаете плагин в виде архива, либо с оф. сайта, либо с гитхаба. Распаковываете архив,  берёте оттуда 2 файла jquery.arcticmodal-0.3.min.js (закидываете в папку с шаблоном, где расположены все js файлы вашего шаблона) и jquery.arcticmodal-0.3.css (закидываете его в папку с css файлами вашего шаблона). Теперь определяетесь с дизайном - светлый в том же архиве в папке themes, файл называется simple.css, а тёмный там же, только называется dark.css (что бы не плодить лишние запросы к серверу и вообще лишние файлы шаблонов, рекомендую скопировать код нужного дизайна в уже подключенный css файл). Ну а теперь самое сложное, "адаптация" под DLE :lol:

В текстовом редакторе открываем main.tpl и вставляем туда следующее

<!-- cookie -->
<script src="//yandex.st/jquery/cookie/1.0/jquery.cookie.min.js"></script>
<!-- arcticModal -->
<script type="text/javascript" src="{THEME}/js/jquery.arcticmodal-0.3.min.js"></script>
<link href="{THEME}/css/jquery.arcticmodal-0.3.css" type="text/css" rel="stylesheet">

это вставляете либо между тегами <head>и</head>, либо перед </body>(в зависимости от того, как у вас подключены остальные скрипты).

Теперь вставляете html (тоже в main.tpl)

<div style="display: none;">
  <div class="box-modal" id="boxUserFirstInfo">
    <div class="box-modal_close arcticmodal-close">закрыть</div>
    <b>Здравствуй, милый человек!</b><br>
    <br>
    Надеюсь тебе понравится на нашем сайте!
    У нас много интересной информации и очень отзывчивое комьюнити.
    Добро пожаловать :)
  </div>
</div>

в любое удобное место, между тегами <body>и</body>

ну и наконец вставляем js, который будет определять был ли юзер у нас на сайте

перед тегом </body>

<script>
(function($) {
$(function() {

  // Проверим, есть ли запись в куках о посещении посетителя
  // Если запись есть - ничего не делаем
  if (!$.cookie('warbeiuns')) {

    // Покажем всплывающее окно
    $('#boxUserFirstInfo').arcticmodal({
      closeOnOverlayClick: false,
      closeOnEsc: true
    });

  }

  // Запомним в куках, что посетитель к нам уже заходил
  $.cookie('warbeiuns', true, {
    expires: 365,
    path: '/'
  });

})
})(jQuery)
</script>

Всё, посетители будут видеть Ваше окошко 1 раз в год.

 

 

Ссылка на сообщение
Поделиться на других сайтах
32 минуты назад, germanydletest сказал:

 

В текстовом редакторе открываем main.tpl и вставляем туда следующее

 

это вставляете либо между тегами <head>и</head>, либо перед </body>(в зависимости от того, как у вас подключены остальные скрипты).

Теперь вставляете html (тоже в main.tpl) в любое удобное место, между тегами <body>и</body>

ну и наконец вставляем js, который будет определять был ли юзер у нас на сайте

перед тегом </body>

В fullstory же, в соответствии с ТЗ, либо в main, но тогда с available:D

Ссылка на сообщение
Поделиться на других сайтах
25 минут назад, webair сказал:

В fullstory же, в соответствии с ТЗ, либо в main, но тогда с available:D

:ph34r: всё, тз провалил, можно на пенсию....:(

:P

Ссылка на сообщение
Поделиться на других сайтах
  • 5 месяцев спустя...
27 минут назад, o_romka сказал:

Ребята сломал голову сайт www.massandra.su проделал все по инструкции, но ничего не работает.
Помогите разобраться.

В консоле браузера забанили?

От того что напихать в код кучу модальных окон и кучу всяких файлов подключать, оно лучше не станет...

Ссылка на сообщение
Поделиться на других сайтах
14 минуты назад, SKYNET74 сказал:

В консоле браузера забанили?

От того что напихать в код кучу модальных окон и кучу всяких файлов подключать, оно лучше не станет...

Что не станет лучше я согласен, в консоле браузера ничего не банил, да и проверяю с разных систем и браузеров, работать отказывается.

Делал как описано строго по инструкции.

Ссылка на сообщение
Поделиться на других сайтах
15 минут назад, SKYNET74 сказал:

В консоле браузера забанили?

может она (консоль) у человека сломалась?:rolleyes: 

Только что, o_romka сказал:

в консоле браузера ничего не банил

а ошибки смотрел?

Ссылка на сообщение
Поделиться на других сайтах
15 минут назад, germanydletest сказал:

может она (консоль) у человека сломалась?:rolleyes: 

а ошибки смотрел?

Да там куча ошибок.

И пишет такая "Срок триальной версии окончен, введите лицензионный ключ!"...

16 минут назад, o_romka сказал:

Что не станет лучше я согласен, в консоле браузера ничего не банил, да и проверяю с разных систем и браузеров, работать отказывается.

Делал как описано строго по инструкции.

Может хотя бы не подключать одни и теже плагины по два раза?
Хотя бы с этого начать искать причину.

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...