C’est une carte picture-element: https://www.home-assistant.io/dashboards/picture-elements/
Il faut tout faire à la main au pixel près, c’est un boulot de fou… ![]()
type: picture-elements
image: /local/images/AudioControl_Background5.png
style: |
ha-card {
height: 1000px !important;
}
elements:
- type: image
image: local/images/null.png
tap_action:
action: none
double_tap_action:
action: none
hold_action:
action: none
style:
top: 30%
left: 18.1%
transform: translate(-50%, -50%) scale(0.82,0.82)
width: 33%
height: 58,6%
opacity: 1
background: rgba(38,38,38,1)
border: 10px solid grey
border-radius: 10%
border-style: ridge
border-bottom-color: '#A3A3A3'
border-left-color: '#A3A3A3'
border-right-color: '#A3A3A3'
border-top-color: '#A3A3A3'
- type: image
image: local/images/null.png
tap_action:
action: none
double_tap_action:
action: none
hold_action:
action: none
style:
top: 76%
left: 18.1%
transform: translate(-50%, -50%) scale(0.82,0.82)
width: 37%
height: 40%
opacity: 1
background: rgba(38,38,38,0)
border: 1px solid grey
border-radius: 4%
border-style: solid
border-bottom-color: '#A3A3A3'
border-left-color: '#A3A3A3'
border-right-color: '#A3A3A3'
border-top-color: '#A3A3A3'
- type: image
entity: input_boolean.hp_denon_on_off
tape_action: more-info
state_image:
'on': local/images/On 02.png
'off': local/images/Off 02.png
unavailable: local/images/null.png
state_filter:
'on': brightness(100%) saturate(1)
'off': brightness(100%) saturate(1)
style:
top: 10%
left: 37.5%
width: 46%
transform: translate(-50%, -50%) scale(0.12,0.12)
border: 0px solid white
border-radius: 20%
- type: image
image: local/images/PlaqueMetal.png
style:
top: 10%
left: 90%
width: 30%
transform: translate(-50%, -50%) scale(0.28,0.28)
border: 0px solid white
border-radius: 1%
- type: image
image: local/images/screw 01.png
style:
top: 4%
left: 03%
width: 30%
transform: translate(-50%, -50%) scale(0.08,0.08)
border: 0px solid white
border-radius: 20%
- type: image
image: local/images/screw 01.png
style:
top: 4%
left: 97%
width: 30%
transform: translate(-50%, -50%) scale(0.08,0.08)
border: 0px solid white
border-radius: 20%
etc.