Veuillez ou S’enregistrer pour créer des messages et des sujets de discussion.

module Bascule avec image de fond

Bonjour,

Dans une fiche Tarif, j'ai mis des bascules et ajouté des images de fond  à coté pour illustrer. Lorsque le client clique sur la bascule, les tarifs de réparation d'affichent, mais mon image de fond s'affiche aussi, je souhaiterai donc, quand la bascule est ouverte, que l'image disparaisse (transparence à 100%) et qu'elle réapparaisse lorsque la bascule se ferme. Je pense a un code CSS mais soit toute ma bascule disparait soit pas, mais pas que l'image de fond.

merci d'avance pour vos suggestions!

Fichiers téléversés :
  • exemple.png

Bon, j'ai galéré mais trouvé une solution pas trop moche (et sans doute améliorable, si vous avez mieux, je prends 🙂 ... )

donc voici comment je procéde:

j'ai  X rangées avec 4 bascules par rangée (image1)

Mes réglages:

Zone verte -Rangée :réglage de rangée fond: Paramétre à faire pour les X colonnes de la bascule: (image 1_1)

Fond --> Image.png--> Centree droit  et  Ajustement

ensuite pour chaque module (donc les 4 par ligne dans mon cas)

Dans "Bascule"--> Couleur sur fond du menu ouvert : Blanc et Couleur de fond sur menu fermé: transparent

en ouvrant la bascule on a une petite animation sympa du coup  (image2)

On pourrait mettre le gris tres pale qu'a la zone bascule fermé pour faire croire à l place de trasparent, c'est au gout de chacun

Fichiers téléversés :
  • image2.png
  • image1.png
  • image1_1.png

Salut,

Si tu peux fournir un lien c'est mieux 🙂

Recherche...

Sujets récents

Module commentaires
lenteur enregistrement sur Firefo …
menu HEADER
Lignes - (et-overlay-container)
message de succès suite envoi con …
Codes entré dans le module Bascul …
ACF
Module à bascule
Problème d'affichage Divi sur le …
module Bascule avec image de fond