par
filou80 » 20 août 2022, 19:51
Bonjour,
je recherche à mettre en place un switch jour nuit, avec icone à l'intérieur du switch, un peu comme cela :
https://fr.vecteezy.com/art-vectoriel/6 ... ectorielle
J'utilise bootstrap 5, la j'utilise le code suivant qui fonctionne mais j'ai pas le visu du boutton que je souhaite :
<!-- Switch dark mode -->
<div class="container ">
<div class="row my-1">
<div class="col-12 text-end form-switch">
<input type="checkbox" class="form-check-input" id="darkSwitch">
<img src="/../publiques/images/switchLune.png" alt="switch dark mode">
<!-- <label class="custom-control-label" for="darkSwitch">Dark Mode</label> -->
</div>
</div>
</div>
<!-- Fin switch dark mode -->
Merci par avance pour vos réponses.
@+ Filou
Bonjour,
je recherche à mettre en place un switch jour nuit, avec icone à l'intérieur du switch, un peu comme cela :
[url]https://fr.vecteezy.com/art-vectoriel/6427632-soleil-a-lune-interrupteur-icones-changement-de-nuit-et-jour-interface-conception-interrupteur-bouton-illustration-vectorielle[/url]
J'utilise bootstrap 5, la j'utilise le code suivant qui fonctionne mais j'ai pas le visu du boutton que je souhaite :
[quote]
<!-- Switch dark mode -->
<div class="container ">
<div class="row my-1">
<div class="col-12 text-end form-switch">
<input type="checkbox" class="form-check-input" id="darkSwitch">
<img src="/../publiques/images/switchLune.png" alt="switch dark mode">
<!-- <label class="custom-control-label" for="darkSwitch">Dark Mode</label> -->
</div>
</div>
</div>
<!-- Fin switch dark mode -->
[/quote]
Merci par avance pour vos réponses.
@+ Filou