Хочу на сайт установить кнопку подтверждения возраста, 18+, что бы была возможность изменения стиля, цвета и т.д .подскажите как сделать на этом шаблоне!
0
Кнопка Подтверждения Возраста
Автор Zheka44, 27 авг. 2015 15:19
Сообщений в теме: 4
#1
Отправлено 27 Август 2015 - 15:19
#3
Отправлено 28 Август 2015 - 13:38
Ирина345 (28 Август 2015 - 11:46) писал:
Здравствуйте, данный вопрос обсуждался здесь.
Код в main.css
.overlay-message {
right: 0px;
top: 0px;
opacity: 0.7;
background: #000;
bottom: 0px;
left: 0px;
position: fixed;
z-index: 999;
}
.wrapper-message {
position: fixed;
z-index: 10000;
right: 35%;
top: 35%;
left: 35%;
bottom: 35%;
}
.message-box {
width: 300px;
height: 200px;
text-align: center;
margin: 50px auto 0px;
background: #fff
}
Код в шаблон "HTML"
<div class="overlay-message"></div>
<div class="wrapper-message">
<div class="message-box">
<p>Cогласны?</p>
<button id="message-button-success">Согласен</button><button id="message-button-fail">Не согласен</button>
</div>
</div>
Код в main.js
$(document).redy(function(){
$('#message-button-fail').click(function(){
document.location = 'http://google.com';
});
$('#message-button-success').click(function(){
$(this).closest('.wrapper-message').remove();
$('.overlay-message').remove();
});
});
#4
Отправлено 01 Сентябрь 2015 - 16:29
Люди, помогите кто нибудь!
#5
Отправлено 02 Сентябрь 2015 - 05:10
.overlay-message { right: 0px; top: 0px; opacity: 0.7; background: #000; bottom: 0px; left: 0px; position: fixed; z-index: 999; } .wrapper-message { position: fixed; z-index: 10000; right: 35%; top: 35%; left: 35%; bottom: 35%; } .message-box { width: 300px; height: 200px; text-align: center; margin: 50px auto 0px; background: #fff }
Вставьте данный код в шаблон style.css
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных