Адаптивный баннер-сообщение для моб. версии (чтобы можно было закрыть)

W
На сайте с 30.04.2007
Offline
138
914

Нужно в мобильную версию сайта в шапку разместить адаптивный баннер (сообщение) о предложении установить моб. приложение с Плеймаркета, и чтобы этот баннер обязательно можно было закрыть.

Может есть готовое решение, чтобы взять код, вставить свои ссылки и получить готовый баннер? Что-то ничего не нагуглю, а сам не придумаю как сделать.

Может онлайн-конструкторы какие есть? Что-то нашел, но не то...

S
На сайте с 30.09.2016
Offline
469
#1

А в чём проблема?

В адаптивности? В закрываемости? В дизайне? В расположении?

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
W
На сайте с 30.04.2007
Offline
138
#2
Sitealert:
А в чём проблема?
В адаптивности? В закрываемости? В дизайне? В расположении?

Нету необходимых знаний, времени и желания разбираться.

Думал, может готовое решение какое есть?

S
На сайте с 30.09.2016
Offline
469
#3

Типо так

<div style="border: solid 1px #ccc;">

<div onclick="this.parentElement.style.display='none'">Закрыть по клику</div>
<a href="http://установить.com">Установить</a>
</div>
Joker-jar
На сайте с 26.08.2010
Offline
171
#4

Плюс запоминать "закрытость", скажем, в куки.

S
На сайте с 30.09.2016
Offline
469
#5

Ну и всё остальное, типа оформление - стили CSS.

W
На сайте с 30.04.2007
Offline
138
#6
Sitealert:
Ну и всё остальное, типа оформление - стили CSS.

Спасибо большое, работает! :)

Joker-jar
На сайте с 26.08.2010
Offline
171
#7

https://jsfiddle.net/uhwuq7o8/

Такой пример накидал на скорую руку, с использованием jQuery и jQuery-cookie.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий