куки

[Спартанец]

всем доброго времени суток.

подскажите пожалуйста, как сделать всплывающее окно  у гугл про куки на сайте . оно какое то не красивое.

[Ник Эстимата]

Вот тут http://www.shpargalochki.ru/2021/02/oformlenie-paneli-uvedomleniya-o-fajlah-cookie.html есть вариант.

пятница, 26 января 2024 г. в 23:17:39 UTC+5, dagtu...@gmail.com:

[Себекхотеп III]

Вставьте вот этот код в шаблон своего сайта перед ]]></b:skin>
Переходим в раздел Настройки — Тема — Настроить — Изменить HTML, ищем код  ]]></b:skin> и вставляем перед ним код:

/* Оформление панели уведомления о файлах cookie */
.cookie-choices-info {
background-color: #0037ff !important; /* цвет фона окна */
line-height: normal !important; /* межстрочный интервал */
top: initial !important; /* Удалить строку, если окно нужно сверху */
bottom: 0 !important; /* Удалить строку, если окно нужно сверху */
width: 300px !important; /* Удалить строку, если окно нужно во всю ширину */
left: 10px !important; /* Удалить строку, если окно нужно во всю ширину */
right: unset !important; /* Удалить строку, если окно нужно во всю ширину */
border-radius: 5px !important; /* Радиус скругления уголков всего окна */
font-family: Segoe Print !important; /* Тип шрифта */
-webkit-transform: translateZ(0);
}
.cookie-choices-info .cookie-choices-text {
font-size: 10px !important; /* размер шрифта текста */
color: #ffffff !important; /* цвет шрифта текста */
}
.cookie-choices-info .cookie-choices-button {
color: #660000 !important; /* цвет шрифта кнопок Подробнее и ОК */
margin-left: 5px !important;
padding: 3px 6px !important;
background: #ff8c00 !important; /* цвет фона кнопки Подробнее */
border-radius: 2px; /* Радиус скругления уголков рамок кнопок Подробнее и ОК */
transition: all .6s linear;
}
.cookie-choices-info .cookie-choices-button:nth-child(2) {
background: #04ff00 !important; /* цвет фона кнопки ОК */
transition: all .6s linear;
}
.cookie-choices-info .cookie-choices-button:hover,
.cookie-choices-info .cookie-choices-button:nth-child(2):hover {
background: #ff0000 ! important; /* цвет фона кнопок Подробнее и ОК при наведении на них курсора мыши */
transition: all .1s linear;
}

С настройками цвета, шрифта и т. д. поиграйтесь сами, подобрав их под дизайн вашего сайта. Там вроде всё подписано, что за что отвечает.
Если хотите изменить и текст уведомления, то вставьте в шаблон вот этот скрипт перед </body>

<script>
//<![CDATA[
cookieOptions = {
msg: "Этот сайт использует файлы cookie Google для хранения данных. Продолжая использовать сайт, вы даёте своё согласие на работу с этими файлами.",
link: "https://www.blogger.com/go/blogspot-cookies",
close: "ОК",
learn: "Подробнее"
};
//]]>
</script>

Тест можете заменить на свой или оставить как есть.

P. S. Можно проще сделать и вставить и код, и скрипт в Настройки — Дизайн — Добавить гаджет — HTML/JavaScript, всё также будет работать и отображаться, но тогда будет ругаться валидатор (проверка сайта на ошибки).
Если всё же решите так сделать, код нужно будет заключить в элемент <style> </style>

<style>
…
код
…
</style>

Скрипт оставить как есть:

<script>
…
скрипт
…
</script>

Вроде должно работать.

пятница, 26 января 2024 г. в 21:17:39 UTC+3, dagtu...@gmail.com:

[Спартанец]

спасибо

суббота, 27 января 2024 г. в 22:55:49 UTC+3, sebekh...@gmail.com: