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) картинки и текст под ними идут вертикально, а не горизонтально
как исправить?