Tu dois devoir décaler à gauche tout le code à partir de - type: vertical-stack.
type: custom:stack-in-card
mode: vertical
keep:
box_shadow: true
margin: true
border_radius: true
background: true
outer_padding: false
cards:
- type: custom:mod-card
card_mod:
style:
tabbed-card:
$: |
mwc-tab {
background: var(--ha-card-background, var(--card-background-color, gray) );
border-color: gray;
border-width: 1px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-style: solid;
overflow: hidden;
}
section article > * {
--ha-card-border-radius: 0px 0px 12px 12px;
}
card:
type: custom:tabbed-card
.
.
.
.
- type: vertical-stack
cards:
- type: entities
entities:
- type: custom:text-divider-row
text: Prévisions 14 Jours
align: left
card_mod:
style: |
ha-card {
margin-top: -20px;
margin-bottom: -10px;
background: none;
}
Maintenant, je suis sur le remplacement de l’icône season par les images.
il te faut installer custom-ui .
Alors c’est custom-ui qui doit me manquer, parce que pour le reste, c’est bon…
Juste une pause entre deux averses de yaml pour dire combien je suis stupéfait mais très fier de voir que le Vendée Globe utilise ma carte Météo France pour mener les navigateurs à bon port…
https://www.vendeeglobe.org/cartographie
Merci @WarC0zes
1 « J'aime »
Spl4sh
Janvier 14, 2025, 3:07
416
Salut à tous, vous conseillez toujours de ne pas utiliser la dernière version 2024.10.01 ? Mes valeurs sont toutes décalées vers la gauche depuis la MAJ.
salut,
AH, tu parles de la carte météo france
Spl4sh
Janvier 15, 2025, 7:57
420
Ok merci
Maintenant tu peux tout mettre dans la carte MF
.
Montre ton code, car il y a des changements dans le CSS de la carte MF.
Sinon un exemple sur ce post
C’est bon, j’ai trouvé pour les séparateurs
Spl4sh
Janvier 15, 2025, 8:48
422
Voilà mon code actuellement :
type: custom:meteofrance-weather-card
entity: weather.xxx
name: xxx
alertEntity: sensor.57_weather_alert
detailEntity: sensor.xxx_rain_chance
cloudCoverEntity: sensor.xxx_cloud_cover
rainChanceEntity: sensor.xxx_rain_chance
freezeChanceEntity: sensor.xxx_freeze_chance
snowChanceEntity: sensor.xxx_snow_chance
uvEntity: sensor.xxx_uv
rainForecastEntity: sensor.xxx_next_rain
current: false
alert_forecast: false
hourly_forecast: true
humidity_forecast: false
animated_icons: true
details: false
one_hour_forecast: false
daily_forecast: false
wind_forecast_icons: true
number_of_daily_forecasts: "5"
Effectivement, ça me fait pareil avec 5 heures. Passe sur 7 et plus de souci.
1 « J'aime »
Stef_42
Janvier 15, 2025, 10:37
424
Bonjour,
Quelqu’un a t’il synchronisé le risque pollen avec les couleurs en plus du remplissage (de 0 à 3) ?
- type: custom:bar-card
entities:
- entity: sensor.pollens_42_risklevel
name: Risque Pollen
icon: mdi:alert-circle
height: 47px
color: red
min: 0
max: 3
positions:
indicator: "off"
icon: "off"
severity:
- text: vigilance
color: green
- text: alerte
color: yellow
- text: alerte_renforcee
color: orange
- text: crise
color: red
card_mod:
style: >
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 25px;
}
#states > bar-card-row > bar-card-card > bar-card-background >
bar-card-contentbar > bar-card-name {
font-size: 16px;
color: white;
} ha-card {
margin-top: -2px;
background: none;
border: none;
} bar-card-value {
color: white;
font-weight: bold;
}
- type: custom:bar-card
entities:
- entity: sensor.pollens_11_risklevel
name: Risque Pollen
icon: mdi:alert-circle
height: 47px
color: red
min: 0
max: 3
positions:
indicator: "off"
icon: "off"
severity:
- color: Red
from: 2
to: 3
- color: rgb(242,234,26)
from: 1
to: 2
- color: Green
from: 0
to: 1
- from: "0"
to: "0"
hide: true
card_mod:
style: >
bar-card-currentbar, bar-card-backgroundbar {
border-radius: 25px;
border: 1px rgba(0,0,0,1.0) outset;
box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
} #states > bar-card-row > bar-card-card > bar-card-background >
bar-card-contentbar > bar-card-name {
font-size: 16px;
color: white;
margin-left: 10px;
} ha-card {
margin-top: -2px;
background: none;
border: none;
} bar-card-value {
color: black;
font-weight: bold;
}
merci à toi !