Derniers sujets*
» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

» [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

» [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

» [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

» [AWESOMEBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Mer 7 Juil 2021 - 19:25

» [PHPBB2]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 5 Juil 2021 - 19:35

» [PHPBB3]Afficher des commentaires sous forme de vignettes
par photoclic Jeu 1 Juil 2021 - 23:28

» [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
par Ptite_Perle Jeu 24 Juin 2021 - 18:29

» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par Milouze14 Mer 23 Juin 2021 - 7:01

» [TOUTES VERSIONS] Changer les boutons Nouveau MP et Répondre au MP par du texte
par Constellation Mer 16 Juin 2021 - 0:53

» [PHPBB2] Afficher le posteur du sujet dans les réponses
par Constellation Jeu 10 Juin 2021 - 23:45

» [PHPBB2] Afficher les brouillons en attente sur toutes les pages etc etc
par Constellation Jeu 10 Juin 2021 - 23:43

» [PHPBB2]Supprimer le tag "Re" sur les messages
par Constellation Jeu 10 Juin 2021 - 2:37

» [TOUTES VERSIONS] Ajouter le texte bienvenu et le Pseudo dans l'onglet du navigateur
par Constellation Jeu 10 Juin 2021 - 2:31

» [TOUTES VERSIONS] Afficher la partie profil de la toolbar en bas à gauche avec effet slide
par Constellation Jeu 10 Juin 2021 - 2:27

» [TOUTES VERSIONS] Modifier les textes des MPs nons lus
par Constellation Jeu 10 Juin 2021 - 2:25

» [TOUTES VERSIONS]Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
par Constellation Jeu 10 Juin 2021 - 2:23

» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par Constellation Jeu 10 Juin 2021 - 2:20

» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
par Chéryl Sam 29 Mai 2021 - 19:40

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par fred9545 Sam 29 Mai 2021 - 11:51

Les statistiques du forum
Nous avons 480 membres enregistrés

L'utilisateur enregistré le plus récent est Spo0kyCat

Nos membres ont posté un total de 26680 messages dans 1352 sujets

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

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

+3
Milouze14
Splash
photoclic
7 participants
Message n°10
avatar
photoclic
Milouzien

https://photoclic.forum-pro.fr/

Messagephotoclic 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




Voila, c'est tout pour le moment clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif

Message n°20
Splash
Splash
Milouzien

https://lesforums.caforum.fr

MessageSplash Sam 10 Nov 2018 - 5:14

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

https://www.milouze14.com

MessageMilouze14 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.


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Message n°40
avatar
photoclic
Milouzien

https://photoclic.forum-pro.fr/

Messagephotoclic Sam 10 Nov 2018 - 8:02

C'est tout bon super

Merci Philippe.
Message n°50
chrisnvidia
chrisnvidia
Milouzien

https://sos-pc.forumactif.org/

Messagechrisnvidia Sam 10 Nov 2018 - 15:32

Message n°60
avatar
Tony L
Milouzien

https://diamant-mandarin-evo.superforum.fr/

MessageTony L Sam 17 Nov 2018 - 22:51

Message n°70
fascicularia
fascicularia
Milouzien

https://altitudetropicale.forums-actifs.com/

Messagefascicularia 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;
        }
Message n°80
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Lun 21 Jan 2019 - 19:10

Hello Stéphane et Bruno,
@fascicularia

Pourquoi un erratum Stéphane ?


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Message n°90
avatar
photoclic
Milouzien

https://photoclic.forum-pro.fr/

Messagephotoclic 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;
Message n°100
Kaeyla
Kaeyla
Milouzien

https://sweethome.forumactif.com

MessageKaeyla Ven 25 Jan 2019 - 20:16

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

Sujets similaires internes ( 0 )
Aucun sujet

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à Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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