Перейти к содержимому


Всплывающее Окно Или С Боку


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 7

#1 denet

denet

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 29 Декабрь 2015 - 16:56

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

#2 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 29 Декабрь 2015 - 17:12

Просмотр сообщенияdenet (29 Декабрь 2015 - 16:56) писал:

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

Здравствуйте.
К сожалению, данный вопрос не входит в работу бесплатной технической поддержки.
Вы можете обратиться в наш отдел платной доработки. Для этого напишите нам на почту Изображениес пометкой "На платную доработку" и указанием подробного технического задания.

#3 denet

denet

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 29 Декабрь 2015 - 21:47

Просмотр сообщенияFirefly (29 Декабрь 2015 - 17:12) писал:

Здравствуйте.
К сожалению, данный вопрос не входит в работу бесплатной технической поддержки.
Вы можете обратиться в наш отдел платной доработки. Для этого напишите нам на почту Изображениес пометкой "На платную доработку" и указанием подробного технического задания.

Цитата

<linkrel="stylesheet"href="css/styles.css"type="text/css"/>
<style>
/* Всплывающее окно */
#parent_popup {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#popup {
  background: #fff;
        width: 520px;
        margin: 10% auto;
padding: 5px 20px 13px 20px;
border: 10px solid #ddd;
position: relative;
/*--CSS3 CSS3 Тени для Блока--*/
-webkit-box-shadow: 0px 0px 20px #000;
-moz-box-shadow: 0px 0px 20px #000;
box-shadow: 0px 0px 20px #000;
/*--CSS3 Закругленные углы--*/
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#popup h1{
        font:28px Monotype Corsiva, Arial;
        font-weight: bold;
text-align: center;
color: #008000;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h2{
        font:24px Monotype Corsiva, Arial;      
color: #008000;
text-align: left;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
/* кнопка закрытия */
.close {
        background-color: rgba(0, 0, 0, 0.8);
border: 2px solid #ccc;
        height: 24px;
        line-height: 24px;
        position: absolute;
        right: -24px;
cursor: pointer;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
color: rgba(255, 255, 255, 0.9);
        font-size: 14px;
        text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
        top: -24px;
        width: 24px;
-webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover {
        background-color: rgba(0, 122, 200, 0.8);
}
</style>
</head>
<body>
<p style="text-align: center;">
<a href="http://dbmast.ru"><img src="http://dbmast.ru/wp-...mages/logo.png" alt="Контакты" /></a></p>
<h2>Всплывающее модальное окно при загрузке сайта на CSS</h2>
<p style="text-align: center;">
<h3>Модальное окно откроется после полной загрузки страницы по истечении 5 секунд.</h3></p>
<div id="parent_popup">
  <div id="popup">
<h1>«Практика резиновой верстки сайта»</h1>
<a href="http://webformyself....icerubber"><img src="http://dbmast.ru/wp-.../11/DVD009.jpg" width="190" height="252" alt="Практический курс резиновой верстки" style="float:left;margin:5px 10px 5px 0; border:0; " /></a>
<h2>Уважаемые друзья!</h2>
Обращаю Ваше внимание, что <strong>27</strong> ноября, мои коллеги из команды <strong>WebForMySelf</strong> запустили абсолютно новый обучающий курс:<p> <a href="http://webformyself....bber">«Практика резиновой верстки сайта»</a></p>
<p>Хотите, чтобы ваш сайт отображался красиво и элегантно в широкоформатных мониторах и также красиво, и аккуратно ужимался в узких?</p>
<p><h2> Тогда не тяните резину !</h2></p>
Видеокурс "Практика резиновой верстки сайта" - это <strong>37</strong> качественных уроков, более <strong>19</strong> часов видео с подробными инструкциями.
<p>Без воды. Лишней теории. Убитого времени. Просто взять и сделать!<p>
<p style="text-align: center;"><strong><a class="button" href="http://webformyself....ubber">Получить »</a></strong></p>  
<a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a>
  </div>
</div>
<script type="text/javascript">
var delay_popup = 5000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
</script>
я нашел код, но только он вылазит при каждом переходе, можете помочь как сделать так что бы оно вылазило один раз, а не каждый раз при переходе

#4 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 30 Декабрь 2015 - 04:51

Инструкция по реализации всплывающего окна:
http://forum.storela...-делюсь-с-вами/

В этой же теме обсуждается однократное появление данного окна, инструкция:
http://forum.storela...__20#entry75745

#5 denet

denet

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 30 Декабрь 2015 - 11:41

Просмотр сообщенияVaccina (30 Декабрь 2015 - 04:51) писал:

Инструкция по реализации всплывающего окна:
http://forum.storela...-делюсь-с-вами/

В этой же теме обсуждается однократное появление данного окна, инструкция:
http://forum.storela...__20#entry75745

подскажите пожалуйста, как можно вытащить кнопку с какого нить товара и добавить в сплывающее окно, хотя бы кнопку вытащить

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 31 Декабрь 2015 - 01:27

Укажите пожалуйста, у какого товара вы хотите взять кнопку? Просмотреть и скопировать ее вы можете через исходный код страницы.

#7 denet

denet

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 140 сообщений

Отправлено 31 Декабрь 2015 - 11:41

Просмотр сообщенияVaccina (31 Декабрь 2015 - 01:27) писал:

Укажите пожалуйста, у какого товара вы хотите взять кнопку? Просмотреть и скопировать ее вы можете через исходный код страницы.

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

#8 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 31 Декабрь 2015 - 11:59

Просмотр сообщенияdenet (31 Декабрь 2015 - 11:41) писал:

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

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




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных