Требуется помощь Нужна помощь сделать popup

[Daniar]

Всем привет. Ребята, подскажите, как сделать подобную всплывающую страницу?

 

[folkine]

Сайт на CMS или самописный?
Если самописный то вот есть плагин http://dimsemenov.com/plugins/magnific-popup/ или можно поискать подобные )

 

[Daniar]

Сайт на CMS или самописный?
Если самописный то вот есть плагин http://dimsemenov.com/plugins/magnific-popup/ или можно поискать подобные )

Через конструктор пилил. Самописный считается, наверное)

 

[folkine]

Или вот самый простой пример накидал с помощью JQuery )
https://codepen.io/folkine/pen/dJjxro

 

[Daniar]

Или вот самый простой пример накидал с помощью JQuery )
https://codepen.io/folkine/pen/dJjxro

А как тут задний фон поставить???

 

[folkine]

А как тут задний фон поставить???

для popup или вообще?)
Поставил фон

 

[Daniar]

для popup или вообще?)
Поставил фон

А, я догнал)) popup вылезает при нажатии на "консультация")) Можно сделать, чтобы автоматом секунд через 30 вылезал?)

 

[folkine]

А, я догнал)) popup вылезает при нажатии на "консультация")) Можно сделать, чтобы автоматом секунд через 30 вылезал?)

А ну сейчас зайди и подожди пару сек)
Не самая лучшая реализация, но работает,простая и понятная )

 

[Daniar]

А ну сейчас зайди и подожди пару сек)
Не самая лучшая реализация, но работает,простая и понятная )

Ништяяяяк)))) А как тут изменить размер шрифта и сделать кнопку "Забрать подарок"?)

 

[folkine]

Ништяяяяк)))) А как тут изменить размер шрифта и сделать кнопку "Забрать подарок"?)

У тебя есть картинка как оно должно быть?) я сделаю)

 

[Daniar]

У тебя есть картинка как оно должно быть?) я сделаю)

Да любая прокатит, я думаю. Эту кнопку же потом можно заменить?)
https://photoshop-master.ru/forum/uploads/post-462125-0-59605900-1389707085.png

 

[folkine]

Да любая прокатит, я думаю. Эту кнопку же потом можно заменить?)
https://photoshop-master.ru/forum/uploads/post-462125-0-59605900-1389707085.png

Конечно можно, смотри )

 

[Daniar]

Конечно можно, смотри )

Большое спасибо, друг! Выручил!)
Лайков накидаю на твои комменты))

 

[Daniar]

Конечно можно, смотри )

Подскажи еще, как тут рулить шрифтами, размерами))

 

[folkine]

Подскажи еще, как тут рулить шрифтами, размерами))

Свойство font-size у .popup-content
http://prntscr.com/i0uwvb

Время через которое открывать в мс
http://prntscr.com/i0uy4s

 

[Daniar]

Свойство font-size у .popup-content
http://prntscr.com/i0uwvb

Время через которое открывать в мс
http://prntscr.com/i0uy4s

Че то с 24 меняю на 36, но увеличивается сам круг, а не размер текста

 

[folkine]

Че то с 24 меняю на 36, но увеличивается сам круг, а не размер текста

Сорри, завтыкал, для кнопки тут - http://prntscr.com/i0v1tn

 

[Daniar]

Сорри, завтыкал, для кнопки тут - http://prntscr.com/i0v1tn

Это тоже кстати было))
Я имел ввиду про главный текст)
<h4 class="popup-header">
НЕ УХОДИТЕ <br>БЕЗ ПОДАРКА!
</h4>

 

[folkine]

Это тоже кстати было))
Я имел ввиду про главный текст)
<h4 class="popup-header">
НЕ УХОДИТЕ <br>БЕЗ ПОДАРКА!
</h4>

Добавь) в примере я поправил)
.popup-content h4 {
font-size: 40px;
}

Но круг так же будет менять размер пропорционально

круглой сможешь сделать подобрав высоту у .popup-content - height