Widget simple ON/OFF lumière

Salut a tous,

J’ai une question qui va peut être paraitre conne pour certains.
Je souhaite créer ce genre de widget (images ci-dessous)
Capture Capture
Ok je sais faire ça en créant 2 PNG pour le On et le Off mais est-il possible de faire la même chose sans passer par une image juste en code avec icones du core, car j’avoue les widget en image c’est lourd.
Merci

Bonjour,
Pour faire ça, tu peux créer un widget on/off par l’outil Widget et sélectionner les icônes ampoule on et off en leur appliquant une couleur.
Par exemple allumée jaune, éteinte sans couleir

1 « J'aime »

Oui oui ça ok pas de soucis mais je souhaiterais le cercle autour de l’icône.

Ça, à moins de trouver l’icône parfaite puisque tu veux une icône, je ne vois pas.

Ok merci je pensais que c’était possible juste avec du CSS.

Je ne dis pas que ce n’est pas possible mais le CSS il y a un moment que je n’y ai pas touché.

Ok merci pour tes réponses quoi qu’il en soit.

pour inspiration

En effet on se rapproche de ça malheureusement je n’ai pas les compétences pour l’adapter avec une icône et surtout le fond qui change de couleurs avec le binaire.
Je pense que je vais me faire l’icône en PNG, même si je trouve ça plus judicieux de le faire en CSS.

Salut,

Un autre exemple :
test.json.txt (637 Octets)
Tu enlèves l’extension .txt et tu l’importes dans l’outil de widget.
Le CSS de base c’est beaucoup plus simple que ça en à l’air.
Capture d’écran 2020-11-07 180950

Ah au top merci beaucoup c’est exactement ça

C’est presque parfait comment mettre l’icone en blanc moi ca ressort gris clair?
Capture

Edit: C’est bon j’ai ajouter : color: #fff;