[TUTO] Personnaliser les résumés

Bonjour,

J’aimerais profiter des conseils de Salviaf pour personnaliser mes résumés.

Je tombe sur cette page et non la page

Comment arriver sur cette page ?

Merci pour aide.
Bon dimanche.

Salut,

Tu es sur la bonne page. @Salvialf précise bien dans son commentaire de remplir la case de droite (avec le titre CSS) que tu as d’ailleurs sur ta capture.

2 « J'aime »

Bon une fois de plus ca ne semble pas dans mes cordes. Je vais donc devoir m’en passer.

Bon dimanche à tous.

bonjour @Gregfred

Il y a toujours un début a tout …

pour faire simple (si tu a fait des résumés)

met juste ceci en personalisation avancé css

/* Changement de la taille de police des résumés (barre de menu) */
.objectSummaryParent {
	font-size: 20px;
}

n’oublie pas d’activé (case a cocher)
sauvegarder
puis de faire un ctrl F5
pour actualiser

puis change le 20px en
10,12,16,18 histoire de jouer et de te rendre compte.

Bon Dimanche

Merci Olive,

Je vais regarder cela en suivant tes explications. C’est sympa de ta part de revenir vers moi je sais a quel point cela doit être rébarbatif de répèter sans cesse les mêmes choses.

Greg59

C’est une communauté d’entraide
Je t’aide aujourd’hui avec espoir que demain tu aidera quel qu’un d’autre.
:wink:

1 « J'aime »

J’ai bien compris ca, mais c’est juste que je ne retrouve pas les lignes d’écriture ou tu me demande de modifier les lignes.

moi j’ai ca dans le CSS

***/* le block conteneur */***
***.marquee-rtl {***
***  max-width: 30em;                      /* largeur de la fenÍtre */***
***  margin: 1em auto 2em;***
***  font-size: 100px;						/* modifie la taille du texte */***
***  font-family: Comic Sans MS;			/* modifie le type de caractËre (font) texte */***
***/*  border: 10px solid #F0F0FF; */		/* mis en commentaire pour supprimer le cadre */***
***/*  overflow: hidden; */                /* masque tout ce qui dÈpasse  */***
***/*  box-shadow: 0 .25em .5em #CCC,inset 0 0 1em .25em #CCC;  */ /* supprime le fond gris  */***
***}***
***/* le bloc dÈfilant */***
***.marquee-rtl > :first-child {***
***    display: inline-block;                /* modËle de boÓte en ligne */***
***    padding-right: 2em;                   /* un peu d'espace pour la transition */***
***    padding-left: 100%;                   /* placement ‡ droite du conteneur */***
***    white-space: nowrap;                  /* pas de passage ‡ la ligne */***
***    animation: defilement-rtl 20s infinite linear; /* modifie la vitesse de dÈplacement du text */***
***  }***

*** .animation {***
*** animation-name: defilement-rtl;       /* rÈfÈrence ‡ la rËgle @keyframes mise en oeuvre */***
***  animation-delay: 5s;                 /* valeur ‡ ajuster suivant la longueur du message */***
***  animation-iteration-count: infinite;  /* boucle continue */***
***  animation-timing-function: linear;    /* pas vraiment utile ici */***
***}***
***@keyframes defilement-rtl {***
***    0% {***
***      transform: translate3d(0,0,0);      /* position initiale ‡ droite */***
***    }***
***    100% {***
***      transform: translate3d(-100%,0,0);  /* position finale ‡ gauche */***
***    }***
***  }***

prend l’habitude d’utiliser </> dans le menu de rédaction de community lorsque tu copie des log ou texte long

tutoriel cliquez ici

Car la je l’ait ajouter pour toi mais il y a plein de *** qui viennent perturbé la lecture.
et je ne sais pas d’ou sort ce code
dans un 1er temps
copie ce code ailleur
puis suprime le (tu pourra le remettre aprés au cas ou.
Puis met juste l’exemple que je t’ai indiqué a la place.

Je laisse tomber Olive, je ne vais pas m’embrouillé la tête merci pour le temps que tu m’a accordé.

Bon dimanche à toi.

1 « J'aime »

Bonjour,

J’ai un soucis car rien n’apparait dans CSS ou javascript alors que la case est cochée et que j’ai bien sauvegardé et fait F5. Savez vous pourquoi svp ?

Merci

Tu peux en dire plus ?

2 « J'aime »

En dire plus sur la version de jeedom, le code collé etc…

Tout est à jours donc 4.1.27 pour jeedom. Par contre je n’ai rien collé c’est peut être ca mon pb.

Dc tu n’as pas lu la doc ni ce qui a écrit dans la barre orange…

C’est pour personnaliser ton jeedom, dc tu actives tu saisis le code voulu en fonction de ce que tu veux et tu sauves

Je ne vois pas comment jeedom pourrait deviner à ta place ce que tu veux faire.

Dsl mais je n’ai pas vu de doc et oui j’ai bien lu ce qu’il y a écrit dans la barre orange.

j’avais pas saisie qu’il fallait copier coller , je pensais que c’etait comme jeeXplorer ou on devait modifier déja une ligne existante. Merci de ton retour.

Cdt

Bonjour,

Depuis mon passage de 4.1.28 en 4.2.11, j’ai perdu la colorisation de mes infos résumés. J’ai contrôlé le fichier custom.css les lignes sont biens présentes (voir ci-dessous). Ai je oublié quelques choses??? J’ai fait plusieurs rafraichissements (F5) mais rien.

/* Infos résumés */

.navbar-right .objectSummaryParent[data-summary=« motion »] .icon
{ color:red!important;font-size:25px; }
.navbar-right .objectSummaryParent[data-summary=« motion »]
{ color:red!important; font-size:20px; }

.navbar-right .objectSummaryParent[data-summary=« door »] .icon
{ color:orange!important;font-size:25px; }
.navbar-right .objectSummaryParent[data-summary=« door »]
{ color:orange!important; font-size:20px; }

.navbar-right .objectSummaryParent[data-summary=« windows »] .icon
{ color:lightblue!important;font-size:25px; }
.navbar-right .objectSummaryParent[data-summary=« windows »]
{ color:lightblue!important; font-size:20px; }

.navbar-right .objectSummaryParent[data-summary=« light »] .icon
{ color:brown!important;font-size:25px; }
.navbar-right .objectSummaryParent[data-summary=« light »]
{ color:brown!important; font-size:20px; }

.navbar-right .objectSummaryParent[data-summary=« outlet »] .icon
{ color:green!important;font-size:25px; }
.navbar-right .objectSummaryParent[data-summary=« outlet »]
{ color:green!important; font-size:20px; }

.navbar-right .objectSummaryParent[data-summary=« temperature »] .icon
{ color:yellow!important;font-size:25px; }
.navbar-right .objectSummaryParent[data-summary=« temperature »]
{ color:yellow!important; font-size:20px; }

.navbar-right .objectSummaryParent[data-summary=« power »] .fa
{ color:pink!important;font-size:25px; }
.navbar-right .objectSummaryParent[data-summary=« power »]
{ color:pink!important; font-size:20px; }

1 « J'aime »

Bonsoir,
remplace tout les .navbar-right par .objectSummaryglobal
ca devrait résoudre le problème.

Bonne soirée.

Un grand merci à toi. tout est revenu dans l’ordre, enfin presque.
image

Les valeur se sont indicées, j’ai du réduire la taille de 20px à 18px.

Bonjour à tous

Comme d’habitude je trouve une mine d’or sur la communauté et je m’aperçois que je vais apprendre encore de très nombreuses années !

J’ai une question quand même :slight_smile:
J’utilise des designs, lors que je clique sur une icone de résumé ça m’envoi vers le Dashbord, j’aimerai que ça m’affiche une page de Design à choisir en fonction du résumé.
J’ai beau chercher, je ne trouve pas.

Une idée ?
Merci à vous

1 « J'aime »