Перейти к содержимому


Кнопка Подтверждения Возраста


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 Zheka44

Zheka44

    Пользователь

  • Пользователи
  • PipPip
  • 19 сообщений

Отправлено 27 Август 2015 - 15:19

Хочу на сайт установить кнопку подтверждения возраста, 18+, что бы была возможность изменения стиля, цвета и т.д .подскажите как сделать на этом шаблоне!

#2 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 28 Август 2015 - 11:46

Просмотр сообщенияZheka44 (27 Август 2015 - 15:19) писал:

Хочу на сайт установить кнопку подтверждения возраста, 18+, что бы была возможность изменения стиля, цвета и т.д .подскажите как сделать на этом шаблоне!
Здравствуйте, данный вопрос обсуждался здесь.

#3 Zheka44

Zheka44

    Пользователь

  • Пользователи
  • PipPip
  • 19 сообщений

Отправлено 28 Август 2015 - 13:38

Просмотр сообщенияИрина345 (28 Август 2015 - 11:46) писал:

Здравствуйте, данный вопрос обсуждался здесь.
Да, я ставил эту, но мне хочеться что бы можно было изменять внешний вид.Пробовал ставить вот это, но в шаблоне движение нет main.css.

Код в 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 Zheka44

Zheka44

    Пользователь

  • Пользователи
  • PipPip
  • 19 сообщений

Отправлено 01 Сентябрь 2015 - 16:29

Люди, помогите кто нибудь!

#5 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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 анонимных