Derniers sujets
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par 1bernard1 Aujourd'hui à 1:53
» [TOUTES VERSIONS] Créer un générateur d'image cliquable
par 1bernard1 Aujourd'hui à 1:02
» [PHPBB3] Avatar coulissant + affichage profil différent.
par 1bernard1 Aujourd'hui à 0:40
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par 1bernard1 Aujourd'hui à 0:32
» [PHPBB2]Afficher/Masquer le profil avec miniature de l'avatar
par FaGu Lun 18 Fév 2019 - 0:49
» [PHPBB3]Afficher/Masquer le profil avec miniature de l'avatar
par FaGu Lun 18 Fév 2019 - 0:39
» [PHPBB2] Afficher le profil des messages façon Invision et bien plus..
par ThunderTB Dim 17 Fév 2019 - 16:42
» [PHPBB2] Afficher l'auteur du sujet dans la liste des sujets
par ThunderTB Sam 16 Fév 2019 - 5:10
» Supprimer le bouton MP a un membre spécifique
par fred9545 Jeu 14 Fév 2019 - 19:36
» Mettre des Paillettes derrière le Curseur
par choupette60 Jeu 14 Fév 2019 - 14:42
» [PHPBB2] Menu Rechercher en haut à gauche effet survol
par Ambroise Mar 12 Fév 2019 - 13:33
» Lecture du premier message des derniers sujets traités sur votre forum
par soleda Lun 11 Fév 2019 - 11:47
» [EDGE]Afficher la majeure partie des variables avec un bouton sur l'éditeur
par clost Dim 10 Fév 2019 - 20:49
» [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré
par fred9545 Dim 10 Fév 2019 - 20:47
» [EDGE] Afficher/Masquer les catégories avec un effet
par clost Dim 10 Fév 2019 - 20:34
» [PHPBB2] Coloriser individuellement les catégories
par choupette60 Dim 10 Fév 2019 - 19:31
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par fred9545 Dim 10 Fév 2019 - 12:15
» [PHPBB2] Afficher le logo devant les Pseudos index et sous forums, façon mini avatar
par Ptite_Perle Dim 10 Fév 2019 - 12:02
» [TOUTES VERSIONS] Afficher l'avatar des messages au survol de la cellule
par Ptite_Perle Dim 10 Fév 2019 - 11:57
» [AWESOMEBB]Afficher les pricipaux boutons de l'éditeur de sur la réponse rapide
par Splash Dim 10 Fév 2019 - 2:59
par 1bernard1 Aujourd'hui à 1:53
» [TOUTES VERSIONS] Créer un générateur d'image cliquable
par 1bernard1 Aujourd'hui à 1:02
» [PHPBB3] Avatar coulissant + affichage profil différent.
par 1bernard1 Aujourd'hui à 0:40
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par 1bernard1 Aujourd'hui à 0:32
» [PHPBB2]Afficher/Masquer le profil avec miniature de l'avatar
par FaGu Lun 18 Fév 2019 - 0:49
» [PHPBB3]Afficher/Masquer le profil avec miniature de l'avatar
par FaGu Lun 18 Fév 2019 - 0:39
» [PHPBB2] Afficher le profil des messages façon Invision et bien plus..
par ThunderTB Dim 17 Fév 2019 - 16:42
» [PHPBB2] Afficher l'auteur du sujet dans la liste des sujets
par ThunderTB Sam 16 Fév 2019 - 5:10
» Supprimer le bouton MP a un membre spécifique
par fred9545 Jeu 14 Fév 2019 - 19:36
» Mettre des Paillettes derrière le Curseur
par choupette60 Jeu 14 Fév 2019 - 14:42
» [PHPBB2] Menu Rechercher en haut à gauche effet survol
par Ambroise Mar 12 Fév 2019 - 13:33
» Lecture du premier message des derniers sujets traités sur votre forum
par soleda Lun 11 Fév 2019 - 11:47
» [EDGE]Afficher la majeure partie des variables avec un bouton sur l'éditeur
par clost Dim 10 Fév 2019 - 20:49
» [PHPBB2] Avoir un aperçu en infobulle du brouillon enregistré
par fred9545 Dim 10 Fév 2019 - 20:47
» [EDGE] Afficher/Masquer les catégories avec un effet
par clost Dim 10 Fév 2019 - 20:34
» [PHPBB2] Coloriser individuellement les catégories
par choupette60 Dim 10 Fév 2019 - 19:31
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par fred9545 Dim 10 Fév 2019 - 12:15
» [PHPBB2] Afficher le logo devant les Pseudos index et sous forums, façon mini avatar
par Ptite_Perle Dim 10 Fév 2019 - 12:02
» [TOUTES VERSIONS] Afficher l'avatar des messages au survol de la cellule
par Ptite_Perle Dim 10 Fév 2019 - 11:57
» [AWESOMEBB]Afficher les pricipaux boutons de l'éditeur de sur la réponse rapide
par Splash Dim 10 Fév 2019 - 2:59
Les meilleurs posteurs
Les posteurs les plus actifs du mois
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies
Page 1 sur 1
- photoclicMilouzien
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
Panneau de configuration -> Affichage -> Images et couleurs -> Couleurs -> Feuille de style CSS
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:

Après:

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:

Après:

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

- SplashModérateur
Merci @PHOTOCLIC pour ce tuto
Tu as oublié le titre de ton topic également
Tu as oublié le titre de ton topic également
Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies

- Milouze14Fondateur
Je viens de donner un titre et mettre les images Serge

Le bouton éditer doit être affiché désormais.

-Le respect de nos semblables est la règle de notre conduite.-
Fondateur des forums
Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies

- photoclicMilouzien
C'est tout bon
Merci Philippe.

Merci Philippe.
Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies

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

- Tony LMilouzien
Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies

- fasciculariaAdministrateur
Merci Photoclic,
il y a par contre un erratum dans cette partie
il y a par contre un erratum dans cette partie
- Code:
.lo1pruf li {
/*display: block;*/
display: inline-block !important;
}
Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies

- Milouze14Fondateur

-Le respect de nos semblables est la règle de notre conduite.-
Fondateur des forums
Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies

- photoclicMilouzien
Bonjour Philippe et Stéphane.
J'ai personnellement modifié le
J'ai personnellement modifié le
- Code:
/*display: block;*/ que j'ai mis en commentaire par
display: inline-block !important;
Re: [TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies

- KaeylaMilouzien
Sujets similaires
» [TOUTES VERSIONS] Installer Filepicker - Un gestionnaire d'upload de fichiers multi-sources gratuit
» modifier la couleur du texte dans le module facebook
» Problème avec mon troisième module (roco 10787 + gbm8)
» Comment programmer le module roco 10777
» comment modifier le logiciel d'ouverture d'un fichier.
» modifier la couleur du texte dans le module facebook
» Problème avec mon troisième module (roco 10787 + gbm8)
» Comment programmer le module roco 10777
» comment modifier le logiciel d'ouverture d'un fichier.
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum