Contenu d'un widget rogné

Ici j’ai compilé quelque mise en forme en vrac et que je tente quand j’en ai besoin, ce n’est peut être pas parfait mais je test et j’adapte et quand cela fonctionne je le
garde en mémoire dans un fichier txt.

Pour décaler depuis le bord haut: padding:2px; ou padding-top:50px;

Pour décaler horizontalement: position:absolute;right:1px ou position:absolute;left:1px ou position;right:1px OU position;left:1px

.text-left {
text-align: right !important;
}
Pour l’écartement entre text verticale: line-height:25px

Pour ajout espace entre ligne text horizontal: white-space: pre-line; et ou pour préciser l’écartement; line-height: 2;

white-space: pre-line; : Permet de respecter les sauts de ligne à ajouter dans le texte.
line-height: 2; :
Augmente l’écartement entre les lignes (ajuster la valeur 2 selon les besoins, par exemple 1.5 pour un
écartement moindre).

Pour la tailles txt: font-size: 20px
font-size: 20px !important;

Pour la taille widget: width: 50px

Pour aligner verticalement: ;height: 50px

pour aligner horizontalement: text-align: left; ou text-align: right; ou text-align: center;
min-width:30px!important

Pour la couleur: background-color: transparent

Pour la couleur txt: font-weight: bold;color:grey

pour? : font-family: Verdana

display : none

margin-top:20px

padding:2px;font-size: 8px;width: 50px;vertical-align: middle;height: 20px;

ici un exemple que j’ai fait

Entre alexa et version jeedom la ligne complete:
vertical-align: middle;white-space: pre-line;

pour un rendu
Capture2

Et ici tu trouveras aussi quelque exemple que j’ai pu faire pour les dispositions, déroule
le sujet tu trouveras.

Bonne découverte

1 « J'aime »