You can have all the floors in the same card if you want.
I haven’t done it with three floors, we just have two so I just use a boolean to flip between the floors.
But I think a input_number that is the floor will work for you, and then have three buttons to switch between the floors by setting a number in the input_number.
Thanks, i’ll try this out!
this looks fabulous ! Can you share it ?
I will try soon! I’m very busy at the moment and the card needs some explaining because I have also set stuff the card doesn’t show (like theme colors and input boolean for day/night theme).
This is the final card (well, almost, I’m still waiting how to link the new Media Browser to a button 
!)
Day Play + Pause
Night Play + Pause
Latest update!
Use of picture-elements and picture-entity (animated climacon change on state) with a generous sprinkle of CSS.
How did you get your tabs at the bottom of the page?? 
What calendar card are you using?
Fantastic work!
Would you mind telling me how you got the weather to appear like that?
@ASNNetworks I love that card, and it is just a core picture elements right? Would you be so kind to share this?
hello, can you send me please file empty_frame.png.
then could you explain to me how to create that avatar?
what size should it have?
thank you
Please let us see your config, you have so many cool things postet , let us see all together
Unfortunately I am extremely busy having two jobs and my configuration is split into 40+ different files and locations. But I do want to share a proper write up of this media player with detailed explanation. I am on holidays this week, so I’ll try to do that end of this week!
@jimz011 tagging you as well I saw your message this thread, I’ll update you when I have the write up!
I’ll create a new thread with the write up.
I did it like this.
aspect_ratio: '4'
elements:
- card_type: weather-forecast
entity: weather.eindhoven
secondary_info_attribute: humidity
style: |
ha-card {
background: purple;
font-family: Days One;
font-size: 20px;
height: 400px;
left: 250px;
text-shadow: 2px 2px 2px black;
top: 0px;
width: 490px;
}
type: 'custom:hui-element'
image: 'http://192.168.0.117:8123/local/back.png'
type: picture-elements
Just started with HA and this is what i have so far. But guess i have to make some changes as custom header won’t work in the future.
please can you sendme back.png file?
For a first timer a helluva good-looking setup. Goed gedaan man. Share? 