Compteur de visites gratuit
Annonces
CAForum est, depuis peu, un forum d'aide pour phpBB. Voici le lien du forum : https://caforum.fr/forum
CAForum infos
Derniers sujets
» » Création d'une page facebook
Tag close_rgpd sur Les forums CAForum Clock-10Lun 3 Fév 2020 - 21:22 par chipster

» » Masquer "Connexion" & "S'enregistrer" sur la toolbar
Tag close_rgpd sur Les forums CAForum Clock-10Lun 3 Fév 2020 - 10:19 par chrisnvidia

» » Un texte qui clignote
Tag close_rgpd sur Les forums CAForum Clock-10Dim 2 Fév 2020 - 18:42 par chipster

» » Modifier la phrase Qui est en ligne ?
Tag close_rgpd sur Les forums CAForum Clock-10Dim 2 Fév 2020 - 18:34 par chipster

» » Mise à jour, Problèmes - Les dernières informations de Forumactif
Tag close_rgpd sur Les forums CAForum Clock-10Dim 2 Fév 2020 - 12:08 par Splash

» » Modifier l'affichage des membres dans les messages
Tag close_rgpd sur Les forums CAForum Clock-10Dim 2 Fév 2020 - 10:33 par chipster

» » Bouton MP "Répondre" adapté à la version ModernBB
Tag close_rgpd sur Les forums CAForum Clock-10Dim 2 Fév 2020 - 10:32 par chipster

» » Modifier les icônes et textes des boutons "Afficher" et "Cacher" des catégories
Tag close_rgpd sur Les forums CAForum Clock-10Dim 2 Fév 2020 - 10:31 par chipster

» » Réduire la hauteur des catégories
Tag close_rgpd sur Les forums CAForum Clock-10Dim 2 Fév 2020 - 10:28 par chipster

» » Modifier l'apparence du qeel
Tag close_rgpd sur Les forums CAForum Clock-10Dim 2 Fév 2020 - 10:26 par chipster

» » Rendre l'image du header cliquable
Tag close_rgpd sur Les forums CAForum Clock-10Mer 29 Jan 2020 - 12:14 par CharlieReed

» » [Toutes versions] Visualiser son MdP (mot de passe)
Tag close_rgpd sur Les forums CAForum Clock-10Sam 25 Jan 2020 - 15:54 par David1195

» » [Tuto] Utilisation des icônes création de messages
Tag close_rgpd sur Les forums CAForum Clock-10Mar 14 Jan 2020 - 18:32 par Splash

» » [CSS] W3C Validator - Service de validation CSS
Tag close_rgpd sur Les forums CAForum Clock-10Lun 13 Jan 2020 - 12:21 par David1195

» » Boutons de remerciement de sujet
Tag close_rgpd sur Les forums CAForum Clock-10Dim 12 Jan 2020 - 10:25 par msfeettoes

Février 2020
LunMarMerJeuVenSamDim
     12
3456789
10111213141516
17181920212223
242526272829 

Calendrier Calendrier

1 résultat trouvé pour CLOSE_RGPD

Splash
Sam 10 Nov 2018 - 16:14

Rechercher dans:
Codes & Astuces toutes versions
Sujet: Modifier le bandeau de validation de cookies
Réponses: 1
Vues: 583
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


Tag close_rgpd sur Les forums CAForum 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 à   Valider 2



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 à   Valider 2



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
Bye

Revenir en haut