Mettre une image perso dans une carte

Il y a quand même la carte disponible dans le menu de sélection des cartes. Mais elle n’est pas configurable en mode UI, quand mode YAML.

aurais tu un exemple de code que je puisse copier pour tester?

Comme le dit WarC0zes, il y a normalement la button-card dans le choix des cartes quand tu cliques sur « Ajouter une carte » :

un exemple basique.

type: custom:button-card
entity: light.0x00158d0002e75493
name: cuisine

Tu as la doc avec plein d’exemple.

c’est la que ca coince, je n’ai pas ce choix qui apparait :disappointed_relieved:

Tu es sur quelle est bien installer dans HACS?

oui puisque j’accede a la boutique d’HACS et que je clique sur « telecharger » donc ca doit etre bon ???

Coche le filtre téléchargé pour être sur.

la vache, je viens de comprendre ou sa bugge, apparement ca fonctionne mieux avec le navigateur « edge » et pas sur « firefox » que j’utilise habituellement

Non, c’est ce que je t’es dit plus haut .

Actualiser le navigateur, n’est pas redémarrer HA.
Faut juste fait un F5 ou CTRL + R dans ton navigateur pour recharger le cache. Sinon ton navigateur ne voit pas ta nouvelle carte. Et a chaque installation de nouvelle carte faut le faire.

Normalement a la fin d’installation d’une crate, HACS te propose de recharger le cache.

bon ok, j’ai plus le temps faut que j’aille au taff, merci pour votre aide mais je crois que je vais avoir encore besoin de vous plus tard :wink:

oui super j’ai réussi, en fait je n’arrivé pas a telecharger la carte « button-card » avec le navigateur Firefox c’est pour ça que je ne le voyez :yum: pas apparaitre mais c’est ok avec Edge.

Voila j’ai bien avancé mais je n’arrive toujours pas a mettre une image en fond de mon button card « Salon »

type: custom:button-card
name: SALON
aspect_ratio: 1/0.5
custom_fields:
  Lumière/Ventil.:
    card:
      type: custom:button-card
      name: Lumière/Ventil.
      styles:
        name:
          - font-size: 25px
          - font-weight: bold
          - color: rgba(0,0,255,1)
          - justify-self: null
        card:
          - background-color: rgba(255,250,250,0.0)
          - border: none
  Volet Roulant:
    card:
      type: custom:button-card
      name: Volet Roulant
      styles:
        name:
          - font-size: 25px
          - font-weight: bold
          - color: rgba(47,79,79,1)
          - justify-self: null
        card:
          - background-color: rgba(255,250,250,0.0)
          - border: none
  Inter_Lumière:
    card:
      type: custom:button-card
      entity: switch.shelly1_98cdac0c2e05
      icon: mdi:lightbulb
      show_name: false
      state:
        - value: 'off'
          styles:
            card:
              - box-shadow: none
              - background-color: rgba(242,242,242,1)
            icon:
              - color: black
        - value: 'on'
          styles:
            icon:
              - color: rgb(255,215,0,1)
            card:
              - box-shadow: 0px 0px 6px 3px rgba(230,27,37,1)
              - background-color: rgba(105,105,105,0.5)
  Commande_Volet_Roulant:
    card:
      type: custom:button-card
      entity: cover.shellyswitch25_3494547a7ad6
      show_name: false
styles:
  card:
    - background-image: /local/images/salon.png
    - border-color: black
  name:
    - color: rgba(210,105,30,1)
    - font-size: 50px
    - font-weight: bold
    - align-self: start
    - justify-self: start
    - padding-left: 32%
  custom_fields:
    Lumière/Ventil.:
      - width: 40%
      - position: absolute
      - left: 7%
      - top: 40%
    Volet Roulant:
      - width: 35%
      - position: absolute
      - left: 7%
      - top: 65%
    Inter_Lumière:
      - width: 20%
      - position: absolute
      - left: 60%
      - top: 40%
    Commande_Volet_Roulant:
      - width: 20%
      - position: absolute
      - left: 60%
      - top: 65%

Bonjour, c’est normal, ta syntaxe n’est pas la bonne :

Remplace

- background-image: /local/images/salon.png

par

- background-image: url(/local/images/salon.png)

et ajoute

- background-size: cover

pour que ton image prenne tout le fond de ta carte

merci, c’est exactement ce que je voulais :wink:

Super, mets ton sujet en résolu alors si c’est tout bon pour toi.

je ne sais pas comment on fait pour le mettre en resolu

Si tu sais :grin: tu l’as fait :wink:

oups, ok j’ai compris LOL