Connexion

Récupérer mon mot de passe

Derniers sujets
» *RESOLU*[PhpBB2] Chargement de mon forum
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Hier à 19:51 par Milouze14

» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Mar 16 Juil 2019 - 19:26 par Milouze14

» *RESOLU*[PhpBB2] Un encodage pour stoper l'autoplay pour mon IFRAM vidéo
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Mar 16 Juil 2019 - 18:58 par Milouze14

» [Blague] Le patient et le psychiatre
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Mar 16 Juil 2019 - 7:43 par Quad Daniel

» histoire du Jour sans fin
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Mar 16 Juil 2019 - 7:33 par Quad Daniel

» Élémentaire mon cher Watson !
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Lun 15 Juil 2019 - 9:04 par soleda

» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Dim 14 Juil 2019 - 16:10 par Milouze14

» [AwesomeBB]Activer le lien du Pseudo sur l'index dans les derniers messages
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Dim 14 Juil 2019 - 8:01 par Milouze14

» Fille ou garçon "blagounette"
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Mar 9 Juil 2019 - 8:09 par Quad Daniel

» Règlement de l'entraide Forumactif
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Ven 5 Juil 2019 - 19:29 par Rabolliot

» [AwesomeBB] Rendre l'image du header cliquable
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Mar 2 Juil 2019 - 19:12 par Milouze14

» [ModernBB] Rendre l'image du header cliquable
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Mar 2 Juil 2019 - 19:07 par Splash

» [PhpBB2]Afficher le profil à droite
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Mar 2 Juil 2019 - 9:28 par Morane

» les Histoires Belge
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Dim 30 Juin 2019 - 10:50 par Milouze14

» *RESOLU*[PhpBB2] .postbody / texte qui sort du cadre
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Dim 30 Juin 2019 - 10:48 par Milouze14

» Histoire de Blondes Sans Fin
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Dim 30 Juin 2019 - 8:38 par Quad Daniel

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Jeu 27 Juin 2019 - 15:50 par Milouze14

» Socrate et la maïeutique "histoire"
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Mer 26 Juin 2019 - 7:34 par Quad Daniel

» Coca-Cola (histoire)
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Lun 24 Juin 2019 - 9:33 par bildil62

» Sœur Mathématiques et Sœur Logique
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies Clock-10Sam 22 Juin 2019 - 15:59 par bildil62

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

Voir le sujet précédent Voir le sujet suivant Aller en bas

photoclic
photoclic
Milouzien

Messagephotoclic le Ven 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:

.lo1pruf
Il correspond au fond

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

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

Enfin,
#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
Splash
Splash
Milouzien

MessageSplash le Sam 10 Nov 2018 - 5:14

Merci @PHOTOCLIC pour ce tuto
Tu as oublié le titre de ton topic également
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Sam 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.
photoclic
photoclic
Milouzien

Messagephotoclic le Sam 10 Nov 2018 - 8:02

C'est tout bon super

Merci Philippe.
chrisnvidia
chrisnvidia
Milouzien

Messagechrisnvidia le Sam 10 Nov 2018 - 15:32

avatar
Tony L
Milouzien

MessageTony L le Sam 17 Nov 2018 - 22:51

fascicularia
fascicularia
Milouzien

Messagefascicularia le Lun 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;
        }
Milouze14
Milouze14
Fondateur

MessageMilouze14 le Lun 21 Jan 2019 - 19:10

Hello Stéphane et Bruno,
@fascicularia

Pourquoi un erratum Stéphane ?
photoclic
photoclic
Milouzien

Messagephotoclic le Lun 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;
Kaeyla
Kaeyla
Milouzien

MessageKaeyla le Ven 25 Jan 2019 - 20:16

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum