Membres connectés récemment
[TOUTES VERSIONS]Modifier l'apparence du module de validation des cookies
Page 1 sur 1 • Partagez
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:
Enfin,
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:
- Code:
.lo1pruf
- Code:
.lopr2uf
- Code:
.lo1pruf li:first-child > a
- Code:
.lo1pruf li> a
Enfin,
- Code:
#close_rgpd
Les images avant après:
Avant:
Après:
.
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