0
Всплывающее Окно Или С Боку
Автор denet, 29 дек. 2015 16:56
Сообщений в теме: 7
#1
Отправлено 29 Декабрь 2015 - 16:56
Здравствуйте, у меня такая просьба, как сделать на сайте что бы при входе на сайт вылазило окно как у вас в системе когда не оплачиваешь сайт, типа сайт заблокирован, мне надо что бы так же вылазило окно только с товаром, и там с верху текст бесплатный товар забери его сегодня, ну над текстом я ещ подумаю, главное что бы было это окно и там был товар с сумммой 0руб.
#2
Отправлено 29 Декабрь 2015 - 17:12
denet (29 Декабрь 2015 - 16:56) писал:
Здравствуйте, у меня такая просьба, как сделать на сайте что бы при входе на сайт вылазило окно как у вас в системе когда не оплачиваешь сайт, типа сайт заблокирован, мне надо что бы так же вылазило окно только с товаром, и там с верху текст бесплатный товар забери его сегодня, ну над текстом я ещ подумаю, главное что бы было это окно и там был товар с сумммой 0руб.
Здравствуйте.
К сожалению, данный вопрос не входит в работу бесплатной технической поддержки.
Вы можете обратиться в наш отдел платной доработки. Для этого напишите нам на почту с пометкой "На платную доработку" и указанием подробного технического задания.
#3
Отправлено 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>
<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
Отправлено 30 Декабрь 2015 - 04:51
Инструкция по реализации всплывающего окна:
http://forum.storela...-делюсь-с-вами/
В этой же теме обсуждается однократное появление данного окна, инструкция:
http://forum.storela...__20#entry75745
http://forum.storela...-делюсь-с-вами/
В этой же теме обсуждается однократное появление данного окна, инструкция:
http://forum.storela...__20#entry75745
#5
Отправлено 30 Декабрь 2015 - 11:41
Vaccina (30 Декабрь 2015 - 04:51) писал:
Инструкция по реализации всплывающего окна:
http://forum.storela...-делюсь-с-вами/
В этой же теме обсуждается однократное появление данного окна, инструкция:
http://forum.storela...__20#entry75745
http://forum.storela...-делюсь-с-вами/
В этой же теме обсуждается однократное появление данного окна, инструкция:
http://forum.storela...__20#entry75745
подскажите пожалуйста, как можно вытащить кнопку с какого нить товара и добавить в сплывающее окно, хотя бы кнопку вытащить
#6
Отправлено 31 Декабрь 2015 - 01:27
Укажите пожалуйста, у какого товара вы хотите взять кнопку? Просмотреть и скопировать ее вы можете через исходный код страницы.
#7
Отправлено 31 Декабрь 2015 - 11:41
Vaccina (31 Декабрь 2015 - 01:27) писал:
Укажите пожалуйста, у какого товара вы хотите взять кнопку? Просмотреть и скопировать ее вы можете через исходный код страницы.
да товар любой, просто каждый день я буду его менять, только для этого мне надо как то брать кнопку с товара, к примеру что бы человек зашел на сайт, увидел кнопку нажал и товар добавился ему в корзину
#8
Отправлено 31 Декабрь 2015 - 11:59
denet (31 Декабрь 2015 - 11:41) писал:
да товар любой, просто каждый день я буду его менять, только для этого мне надо как то брать кнопку с товара, к примеру что бы человек зашел на сайт, увидел кнопку нажал и товар добавился ему в корзину
Можно сделать, чтобы при заходе на главную страницу данное окно появлялось, но для этого нужно добавить этот товар в раздел Товары на главной. Далее написать нам, мы с сайта скроем данный блок с самого сайта и выведем его в сплывающем окне.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных