[CARTE] text-divider-row - Titre pour vos Carte

Bonjour à toutes et à tous,

Je partager aujourd’hui un petit bout de code réaliser récemment avec cette ce Frontend

Option 1: utiliser Declutering-card (que j’ai présenter ici)

###################################
####        DIVIDER             ###
###################################
divider:
  card:
    type: entities
    card_mod:
      style: |
        ha-card {
        background: none;
        box-shadow: none;
        margin-top: -30px;
        margin-bottom: -30px;
        }  
        .card-content {
         padding: 0 0 0 0px;
         margin: 0 0 0 0px;
         box-shadow: none;
         }
    show_header_toggle: false
    entities:
      - type: 'custom:text-divider-row'
        text: '[[text]]'
        card_mod:
          style: |
            :host {
            font-size: 17px;
            text-primary-color: 'var(--primary-text-color)' 
            }   
            .text-divider {
            padding: 0 0 0 0px;
            margin: -5 0 -5 0px;
            box-shadow: none;
            height: 17px;
            }   

Dans ce cas il vous suffira simplement de coller dans vos lovelace:


          - type: custom:decluttering-card
            template: divider
            variables:
              - text: CALENDRIER FAMILIAL #a remplacer par le Titre que vous souhaité.

Option 2:coller ce code dans votre lovelace.yaml la ou vous souhaiter avoir un titre

    type: entities
    card_mod:
      style: |
        ha-card {
        background: none;
        box-shadow: none;
        margin-top: -5px;
        margin-bottom: -5px;
        }  
        .card-content {
         padding: 0 0 0 0px;
         margin: 0 0 0 0px;
         box-shadow: none;
        }
        h2.text-divider {
        overflow: inherit;
        margin-top: 0px;
        margin-bottom: 0px;
        }
    show_header_toggle: false
    entities:
      - type: 'custom:text-divider-row'
        text: '[[text]]'
        card_mod:
          style: |
            :host {
            font-size: 17px;
            text-primary-color: 'var(--primary-text-color)' 
            overflow: inherit;
            }   
            h2.text-divider {
            overflow: inherit;
            }
            .text-divider {
            padding: 0 0 0 0px;
            margin: -5 0 -5 0px;
            box-shadow: none;
            overflow: inherit;
            }       
            #states > div > * {
            overflow: inherit;
            }
            h2.text-divider {
            overflow: inherit;
            margin-top: 0px;
            margin-bottom: 0px;
            height: 20px;
            }          

Voici un exemple en image:

5 « J'aime »

Merci pour le partage

J’ai corrigé quelque erreurs de style non visible au premier regard mais qui peuvent décaler certaines card.

Bonne journée :slight_smile:

Super, merci pour le partage…

Puis-je te demander les infos pour ta page de gauche… ca m’interesse fortement. Les explications ou code pour faire la carte (carte - sensors - etc…)
j’aimerais tellement avoir ces info en tete de ma pas principale. (date - meteo - anniversaire - fete - etc…)

merci a toi pour les infos !! Bon boulot !

Mille excuses, j’avais pas vu ton autre post. j’ai trouver Merci a toi.

seul truc, c’est pour la fete du jour, la page ne fonctionne pas ! probleme de lien http je suppose.
si tu as une mise a jour de ce coté la, je suis prenneur !

Encore mille merci !

J’ai arrêter le lien http et j’utilise désormais le code en python présenter dans mon dashboard :slightly_smiling_face:

J’ai bien installer l’add-on python et copien le fichier .py dans le bon dossier, mais ma question est:

Comment va tu chercher les info de ton script python pour l’afficher sur ton dashboard ?
je n’ai pas encore tout compris.
Merci a toi pour les info et oups, bonne vacances…

MAJ du code titre pour vos cartes effectué ce jour :slight_smile: