Hosting->вставки кода->overall_footer_after.html
В overall_footer_after.html вставляем следующий код (стили окна) -
Код: Выделить всё
<style>
.reg-button {
border-style: double;
border-color: black ;
border-radius: 5px ;
border-width: 5px ;
padding: 5px;
text-align: center ;
opacity: 0.6;
position: relative;
width: 50px ;
background-color: white ;
color: balck ;
}
.reg-button:hover {
opacity: 0.7;
text-decoration: none ;
color: black ;
}
.slide {
width: 90%;
top: 50%;
right: 5% ;
margin: 0px ;
position: absolute;
color: white ;
display: block;
text-shadow: 2px 2px 4px #141414, -2px -2px 4px #141414;
}
.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10;
display: none;
background-color: rgba(0, 0, 0, 0.65);
position: fixed;
cursor: default;
}
.overlay:target {
display: block;
}
.popup {
top: -100%;
right: 0;
left: 50%;
font-size: 14px;
z-index: 20;
margin: 0;
width: 85%;
min-width: 320px;
max-width: 600px;
position: fixed;
padding: 15px;
border: 1px solid #383838;
background: rgb(0,0,0);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
font: 14px/18px 'Tahoma', Arial, sans-serif;
-webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-webkit-transform: translate(-50%, -500%);
-ms-transform: translate(-50%, -500%);
-o-transform: translate(-50%, -500%);
transform: translate(-50%, -500%);
-webkit-transition: -webkit-transform 0.6s ease-out;
-moz-transition: -moz-transform 0.6s ease-out;
-o-transition: -o-transform 0.6s ease-out;
transition: transform 0.6s ease-out;
}
.overlay:target+.popup {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: 20%;
}
.popup img {
width: 100%;
height: auto;
}
.popup iframe {
top: 0;
right: 0;
bottom: 0;
left: 0;
display:block;
margin: auto;
min-width: 320px;
max-width: 600px;
width: 100%;
}
.popup h2 { /* заголовок 2 */
margin: 0;
color: #008000;
padding: 5px 0px 10px;
text-align: left;
text-shadow: 1px 1px 3px #adadad;
font-weight: 500;
font-size: 1.4em;
font-family: 'Tahoma', Arial, sans-serif;
line-height: 1.3;
}
</style>
Код: Выделить всё
<!-- Модальное окно -->
<a href="#win3" class="overlay" id="win3"></a>
<div class="popup" id="wind" style="background-color: white;">
<h2>Доброго времени суток!</h2>
<br>
<img src="http://distillate.rx22.ru/store/distillate_rx22_ru/images/Brout2.png" alt="no image" />
<span class="slide" id="sliders_text">ТЕКСТ КОТОРЫЙ ВЫ ХОТИТЕ УВИДИТЬ.</span>
<div style="position: absolute; top: 85% ; right: 20px; float: right;">
<p style="float: left; color: white; display: block-inline; margin-right: 10px ;"> <b>Я подтверждаю, что мне исполнилось 18 лет </b></p>
<a href="#close" id="registr" class="reg-button"><b>Войти</b></a>
</div>
</div>
<script type="text/javascript">
$(function () { // Когда страница загрузится
$('.breadcrumbs .crumb a').each(function () { // получаем все нужные нам ссылки
var location = window.location.href; // получаем адрес страницы
var link = this.href; // получаем адрес ссылки
if(location.indexOf(link)==0) {
if (location.indexOf("portal")>1 | location.indexOf("index")>1) {
$('ul.linklist > li.rightside').each(function(){
var obj_link=this.attributes[0];
var class_name=obj_link.nodeValue;
if(class_name.indexOf("icon-logout rightside")>1){
window.location.href="#win3";
return false;
};
return true ;
});
return true;};
}
});
});
</script>
if (location.indexOf("portal")>1 | location.indexOf("index")>1)