Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le Deal du moment :
[CDAV] LG TV LED 65″ (165cm) – 65NANO756 ...
Voir le deal
564 €

 

 [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies

Aller en bas 
5 participants
AuteurMessage
photoclic
Milouzien

avatar



[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Empty
MessageSujet: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies   [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies EmptyVen 9 Nov 2018 - 23:34

Bonjour,

Un petit JS provenant de FA anglais ou espagnol qui permet de modifier l'apparence du module de validation des cookies en bas du forum lors de la connexion.


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur toutes les pages
Code:

//Changer apparence barre cookies
    /* ----------------------------------------------------
     FA anglais: https://help.forumotion.com/t147313-topic
     FA Espagnol: https://asistencia.foroactivo.com/t153194-topic
     ------------------------------------------------------ */
    $(function(){
      $(function(){
        $('div').has('a#accept_rgpd').addClass('lo1pruf');
        $('div.lo1pruf').children('div').removeClass('lo1pruf').addClass('lopr2uf');
      });
    });

Panneau de configuration -> Affichage -> Images et couleurs -> Couleurs -> Feuille de style CSS
Code:

/*validation cookies bas de page invité*/
.lopr2uf{
          width: 100%!important;
}
.lo1pruf {
          bottom: 10px!important;
          left: 25% !important;
      width: 50% !important;
          border-radius: 4px;
          box-shadow: 0px 2px 4px #000;
 background-color: rgba(0, 54, 153, 0.9)!important;
        }

        .lo1pruf li > a {
          background: #4973b1;
          display: block;
          border: 0!important;
          box-shadow: 0px 2px 4px #00000055;
          border-radius: 2px!important;
        }
        .lo1pruf li {
          /*display: block;*/
  display: inline-block !important;
        }
        .lo1pruf li:first-child > a {
          background: #1f8f48!important;
          display: inline-block !important;
          margin: 3px 0!important;
        }
        #close_rgpd {
          background: #831919;
        }

Les éléments à modifier en fonction de votre thème:

Code:
.lo1pruf
Il correspond au fond

Code:
.lopr2uf
Il correspond au texte
   
Code:
.lo1pruf li:first-child > a
Il correspond au bouton "Accepter"

Code:
.lo1pruf li> a
Il correspond au bouton "En savoir plus et gérer mon choix" à modifier également en fonction de votre thème.

Enfin,
Code:
#close_rgpd
Il correspond au bouton "Fermer (et accepter)" Vous pouvez également modifier le style de ce bouton selon vos préférences.




Les images avant après:

Avant:
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Bfore110

Après:


.[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Captur64



Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
Splash
Milouzien

Splash



[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Empty
MessageSujet: Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies   [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies EmptySam 10 Nov 2018 - 5:14

Merci @PHOTOCLIC pour ce tuto
Tu as oublié le titre de ton topic également
Revenir en haut Aller en bas
https://lesforums.caforum.fr
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Empty
MessageSujet: Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies   [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies EmptySam 10 Nov 2018 - 5:17



Je viens de donner un titre et mettre les images Serge clin oeil .
Le bouton éditer doit être affiché désormais.
Revenir en haut Aller en bas
https://www.milouze14.com
photoclic
Milouzien

avatar



[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Empty
MessageSujet: Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies   [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies EmptySam 10 Nov 2018 - 8:02

C'est tout bon super

Merci Philippe.
Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
Tony L
Milouzien

avatar



[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Empty
MessageSujet: Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies   [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies EmptySam 17 Nov 2018 - 22:51

Revenir en haut Aller en bas
https://diamant-mandarin-evo.superforum.fr/
fascicularia
Milouzien

fascicularia



[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Empty
MessageSujet: Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies   [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies EmptyLun 21 Jan 2019 - 15:08

Merci Photoclic,

il y a par contre un erratum dans cette partie

Code:
.lo1pruf li {
          /*display: block;*/
  display: inline-block !important;
        }
Revenir en haut Aller en bas
https://altitudetropicale.forums-actifs.com/
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Empty
MessageSujet: Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies   [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies EmptyLun 21 Jan 2019 - 19:10

Hello Stéphane et Bruno,
@fascicularia

Pourquoi un erratum Stéphane ?
Revenir en haut Aller en bas
https://www.milouze14.com
photoclic
Milouzien

avatar



[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Empty
MessageSujet: Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies   [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies EmptyLun 21 Jan 2019 - 19:13

Bonjour Philippe et Stéphane.

J'ai personnellement modifié le

Code:

/*display: block;*/ que j'ai mis en commentaire par
  display: inline-block !important;
Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
Contenu sponsorisé





[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Empty
MessageSujet: Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies   [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Empty

Revenir en haut Aller en bas
 
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [TOUTES VERSIONS] Supprimer le module de recherche de la toolbar à un membre spécifique
» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
» [TOUTES VERSIONS] Modifier les menus défilant de l'éditeur
» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Toutes versions-
Sauter vers: