Solid Gauge

Bonjour,

J’ai parcouru de nombreux forum.
J’ai tenté d’utiliser différents codes en les modifiants, malheureusement je ne suis pas très doué avec les codes.
Je souhaite obtenir un rond plein avec la couleur qui change en fonction de la température ou de l’humidité, avec éventuellement un historique
Par ex:
de 0c° à 10c° bleu clair
De 10c° à 15C° bleu foncé
De 15c° à 20c° jaune clair
Etc
je tente aussi d’obtenir un rond qui m’indiquerait la direction du vent et de ça vitesse.
Malgré toute mes tentative, je n’arrive a rien.
Merci d’avance si avez une solution.

Arnaud



1 « J'aime »

Bonjour pour base
Un rond CSS pour le jaune
dans un rond noir
Et ton chiffre au milieu

Pour base

Tu peux le faire en widget simplifié aussi

Ex un binaire

Code du « on »

<div style="border-style: solid; border-width: 2px; border-radius: 100%; width: 50px; height: 50px; background: #BC9B94;"><div style="position: relative; top: 11px;"<i class='icon divers-viral'></i></div></div>

Pour le reste c’est du taf

bonjour,
Ok je vais regarder ce week-end,

Arnaud

2 « J'aime »

image

<div style="border: 8px solid #ffcc00; border-radius: 100%; width: 80px; height: 80px; background: transparent;"><div style="position: relative; top: 25px;font-size: 22px;">#value##unite#</div></div>

les fondamentaux pour commencer border ,…

1 « J'aime »