oui oui je ne pense pas cela non plus mais il faut travailler un peu avant de demander de l’aide
bonne journée
@BBE
bonjour
je progresse ! la preuve en image :
mais je butte à ce stade sur :
il est dit dans l’interface : " picture remplacera l’icone" et je ne comprends pas comment faire si je met un nom de fichier il faudrait avoir son emplacement ?
enfin j’ai vu qu’il est possible de mettre une image en fond , mais je n’ai pas trouvé comment faire ?
merci d’avance
Oui, il faut mettre le chemin de ton image + le nom du fichier image.
exemple :
/local/images/tonimage.png
local = /config/www/
il faut utiliser card_mod :
card_mod:
style: |
ha-card {
background-image: url("/local/images/tonimage.png");
}
merci mais ( débutant)
je n’ai pas dans HA un outil pour charger dans /config/www des fichiers
edit : ou alors je fais ça en ftp ?
ok et je n’ai pas de dossier config ??
oui je sais !! boulet
Sous file editor le dossier /config = /homeassistant
c’est ecris dans le doc de file editor
Citation
Option : enforce_basepath (obligatoire)
Si cette option est définie sur « true », l’accès est limité aux fichiers du répertoire /homeassistant (également appelé dossier /config dans Home Assistant).
1 « J'aime »
désolé !! et ce code je le copie dans la carte avec l’éditeur de code à la fin du fichier ?
oui, tu le met avec l’editeur en mode YAML, tout en bas .
tu as d’autre option, qu’il faudras utiliser pour cadrer ton image du background
background-size: 50px 50px;
background-repeat: no-repeat;
background-position: center center;
card_mod:
style: |
ha-card {
background-image: url("/local/images/tonimage.png");
background-size: 50px 50px;
background-repeat: no-repeat;
background-position: center center;
}
OK c’est que je fais mais il n’en veux pas
j’enregistre et cela disparait
J’ai cru que l’on devait ajouter une carte en plus avec le bouton + en haut a droite , mais non plus
avec ta nouvelle version j’ai maintenant un message d’erreur. les lignes restent dans la config mais …
Alors attention, car il y a un bug avec la carte vertical-stack-in-card, avec card mod. Ça efface le code de card-mod quand tu réédites la carte. Je pense que ca viens de
un exemple pour le background avec une image:
type: custom:vertical-stack-in-card
horizontal: true
cards:
- type: custom:mushroom-template-card
primary: Cuisine
secondary: test carte
icon: mdi:home
card_mod:
style: |
ha-card {
background: none;
}
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: update.home_assistant_supervisor_update
card_mod:
style: |
ha-card {
margin-top: 15px
}
card_mod:
style: |
ha-card {
background-image: url("/local/images/iso3d cagibi.png");
background-size: 570px 130px;
background-repeat: no-repeat;
}
Sinon, utilise stack-in-card, ou il n’y a pas de problème avec card_mod:
type: custom:stack-in-card
mode: horizontal
cards:
- type: custom:mushroom-template-card
primary: Cuisine
secondary: test carte
icon: mdi:home
- type: custom:mushroom-chips-card
chips:
- type: entity
entity: update.home_assistant_supervisor_update
card_mod:
style: |
ha-card {
margin-top: 15px;
}
card_mod:
style: |
ha-card {
background-image: url("/local/images/iso3d cagibi.png");
background-size: 570px 130px;
background-repeat: no-repeat;
}
ça me fait Chi… de toujours poser des questions et de vous em…
le type de carte est fourni par DDE dans le code que j’ai copié
veux-tu dire qu’il suffit que je change la pemière ligne la valeur "type "
merci
oui change
type: custom:vertical-stack-in-card
par
type: custom:stack-in-card
Tu as installé la carte stack-in-card à partir de HACS ?
AH
grosse limitation pour moi
encore merci
1 « J'aime »
fait toute ta carte complète sans le background image avec l’éditeur visuel. Tu ajouteras le background à la fin . Petit a petit 