Show off your picture-elements uses

Thanks, i’ll try this out!

this looks fabulous ! Can you share it ?

1 Like

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 :slight_smile:!)

Day Play + Pause
msedge_qG3a9yDKIO
msedge_cLiARgjbdm

Night Play + Pause
msedge_PGar36yAUC
msedge_K6IwYqh4ry

7 Likes

Latest update!

Use of picture-elements and picture-entity (animated climacon change on state) with a generous sprinkle of CSS.

6 Likes

How did you get your tabs at the bottom of the page?? :smiley:

Hi. I used this Custom Header

2 Likes

What calendar card are you using?

This one Lovelace Google Calendar

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 :slight_smile:

1 Like

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.

1 Like

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
1 Like

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.

5 Likes

please can you sendme back.png file?

For a first timer a helluva good-looking setup. Goed gedaan man. Share? :+1:

Here you go :grin:!

back|281x500

Dank je! At this piont it’s not finished yet and i have to make some big changes because CH won’t work in the future. So at this point i wanna have a look in which direction i will go. Will update when i have made progression

I can’t download