Modifier le bandeau de validation de cookies

**Splash** · **Splash** Sam 10 Nov 2018 - 16:14

Hi,

Une petite astuce qui vient du forum anglais forumotion.com qui vous permettra de customiser le bandeau de validations de cookies

Visualisation du rendu final

CLOSE_RGPD - Modifier le bandeau de validation de cookies Cookie10

Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestions des codes javascripts / CRÉER UN NOUVEAU JAVASCRIPT

Mettre ce code sur toutes les pages :

Code:: /* ---------------------------------------------------- This code was written by Luffy for Forumotion on 2018 Please do not remove these comments Find the tutorial here: : https://help.forumotion.com/t147313-topic ------------------------------------------------------ */ $(function(){ $(function(){ $('div').has('a#accept_rgpd').addClass('lo1pruf'); $('div.lo1pruf').children('div').removeClass('lo1pruf').addClass('lopr2uf'); }); });

Pensez à

Direction la CSS

Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS

Mettre ce code à la CSS :

Code:: .lo1pruf { width: 25%!important; bottom: 10px!important; left: 10px!important; border-radius: 4px; box-shadow: 0px 2px 4px #000; } .lo1pruf li > a { background: #4973b1; display: block; border: 0!important; box-shadow: 0px 2px 4px #00000055; border-radius: 2px!important; } .lo1pruf li { display: block!important; } .lo1pruf li:first-child > a { background: #1f8f48!important; display: block; margin: 5px 0!important; } #close_rgpd { background: #831919; }

Pensez à

Si vous voulez personnaliser selon vos goûts

.lo1pruf Correspond au fond

.lopr2uf Correspond au texte

.lo1pruf li:first-child > a Correspond au bouton "Accepter"

.lo1pruf li> a Correspond au bouton "En savoir plus et gérer mon choix"

#CLOSE_RGPD Correspond au bouton "Fermer (et accepter)"

:u1:

A bientôt