12
Mr.Nito (26 Июнь 2017 - 09:53) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
Вставьте перед ним код:
Найдите код:
Вставьте после него код:
Вместо # укажите Вашу ссылку
В файле main.css в самом конце добавьте
</head>
Вставьте перед ним код:
<script src="http://yastatic.net/jquery/cookie/1.0/jquery.cookie.min.js"></script>
<script type="text/javascript">
$(function() {
// Проверяем запись в куках о посещении
// Если запись есть - ничего не делаем
if (!$.cookie('hideModal')) {
// если cookie не установлено появится окно
// с задержкой 3 секунд
var delay_popup = 3000;
setTimeout("document.getElementById('parent_popup').style.display='block'", delay_popup);
}
// Запоминаем в куках, что посетитель уже заходил
$.cookie('hideModal', true, {
// Время хранения cookie в днях
expires: 1,
path: '/'
});
});
</script>
Найдите код:
<body>
Вставьте после него код:
<div id="parent_popup">
<div id="popup">
<h1>Внимание!</h1>
<div>
<div class="item">
<div>
<a href="#">
<img src="http://via.placeholder.com/250x150">
</a>
<h3>Текст 1</h3>
</div>
</div>
<div class="item">
<div>
<a href="#">
<img src="http://via.placeholder.com/250x150">
</a>
<h3>Текст 2</h3>
</div>
</div>
<div class="item">
<div>
<a href="#">
<img src="http://via.placeholder.com/250x150">
</a>
<h3>Текст 3</h3>
</div>
</div>
</div>
<a class="close" title="Закрыть" onclick="document.getElementById('parent_popup').style.display='none';">X</a></div>
</div>
Вместо # укажите Вашу ссылку
src="http://via.placeholder.com/250x150"замените на
src=" ссылка на Ваше изображение "
В файле main.css в самом конце добавьте
/*Всплывающее окно*/
#parent_popup {
display: none;
position: fixed;
z-index: 99999;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#popup {
background: #fff;
max-width: 820px;/*Ширина окна*/
width: 100%;
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: red;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h2{
font:24px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
#popup h3{
font:18px Monotype Corsiva, Arial;
color: #1985b4;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.3);
}
/* кнопка закрытия */
.close {
background-color: rgba(0, 0, 0, 0.8) !important;
border: 2px solid #ccc;
height: 24px;
line-height: 24px !important;
position: absolute !important;
right: -24px;
cursor: pointer !important;
font-family: Times !important;
font-weight: bold !important;
text-align: center !important;
text-decoration: none !important;
color: rgba(255, 255, 255, 0.9) !important;
font-size: 14px !important;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9) !important;
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) !important;
}
#popup .item {display:inline-block;}
Цитата
/*Всплывающее окно*/
#parent_popup {
display: none;
#parent_popup {
display: none;
появились такие проблемы:
1) окно по центру(а надо в верхнем левом углу)
2) пока не закроешь окно, невозможно нажать куда-либо на сайте
3) окно выскакивает каждый раз при переходе любую страницу, вместо того что бы появляться один раз в одном сеансе
4) картинки и текст под ними идут вертикально, а не горизонтально
как исправить?
