Image de fond dans custom button card

Entraide Home Assistant
1

mettre une image de fond
bonjour

je cherche depuis plusieurs heures comment mettre une image de fond dans une custom button card
j’ai mis par exemple

Citation

type: custom:button-card.
styles: null
card:

  • background: /local/piscinemaison.jpg

Citation

mais rien ne fonctionne ; mon image est bien dans www , elle fonctionne pour d’autre carte image

j’ai essayer plusieurs solution trouvé sur des tutos mais toujours rien

2

Hello

code d’une carte avec image de fond

image: /assets/teachingbirds/plants.png
elements:
  - style:
      top: 7%
      '--ha-label-badge-font-size': 1em
      left: 2%
      transform: none
    type: state-badge
    entity: sensor.small_chili_moisture
  - style:
      top: 7%
      '--ha-label-badge-font-size': 1em
      left: 17%
      transform: none
    type: state-badge
    entity: sensor.big_chili_moisture
  - style:
      top: 7%
      '--ha-label-badge-font-size': 1em
      left: 32%
      transform: none
    type: state-badge
    entity: sensor.herbs_moisture
  - style:
      top: 12%
      '--ha-label-badge-font-size': 1em
      left: 92%
    type: state-label
    entity: sensor.greenhouse_temperature
type: picture-elements

resultat

Capture d’écran 2023-01-15 212835
Capture d’écran 2023-01-15 212835378×608 105 KB

3

J’ai oublier dans doc de button card tu as un model

type: custom:button-card
  name: Change Background
  aspect_ratio: 2/1
  extra_styles: |
    @keyframes bgswap1 {
      0% {
        background-image: url("/local/background1.jpg");
      }
      25% {
        background-image: url("/local/background1.jpg");
      }
      50% {
        background-image: url("/local/background2.jpg");
      }
      75% {
        background-image: url("/local/background2.jpg");
      }
      100% {
        background-image: url("/local/background1.jpg");
      }
    }
  styles:
    card:
      - animation: bgswap1 10s linear infinite
      - background-size: cover
    name:
      - color: white
4

Merci
avec en plus des badges c’est nickel, je vais essayer tout ca rapidement .

5

Bonjour à toutes et a tous,

je cherche un moyen pour retirer le texte sous les badges.

Est-ce possible ?

Merci pour votre aide

6

Bonjour,

Poste ton code de façon à voir exactement ce que tu veux faire. Voir poste un nouveau sujet car déterré un sujet d’il y a 2 ans, c’est pas forcément adéquat.

7

bonjour @Cleya

J’en ai créer un : Picture element besoin d'aide

Mais je ne sais pour quelle raison, je ne le trouve pas dans les nouveaux posts.

Du coup je n’ai pas de réponse .

J’ai l’impression que @WarC0zes l’a lu

bonne journée

8

Salut,
j’ai juste édité ton message, car ton code était collé dans le message sans utiliser la balise texte préformaté.
Il faut utiliser la balise texte préformaté ( icones image ) quand tu colles du code, pour qu’il soit bien affiché et respecte les espaces et caractères spéciaux.

Ton code est bien dans ton sujet :wink:

9

Salut @WarC0zes

Il me semblait l’avoir fait.

Du coup je te remercie et comprend mieux le message reçu lors de la transformation .

Bonne fin de journée