Jak upravit záhlaví

Lovelace a Dashboady
Uživatelský avatar
Pete30
Moderátor
Moderátor
Příspěvky: 3333
Registrován: 30. září 2020, 20:33
Dal poděkování: 172 poděkování
Dostal poděkování: 364 poděkování

Jak upravit záhlaví

Příspěvek od Pete30 »

Používáte jiné téma než základní?
Měli jste upraveno záhlaví pomoci Custom header jehož pdporu vývojář ukončil a v další verzi HA pravděpodobně nebude fungovat?
Máte nainstalovaný HACS?
Zde: https://hacs.xyz/


Nevěšte hlavu máme tady řešení:
Nainstalujte z HACS addon card-mod.
Chcete odstranit záhlaví? Přidejte do svého tematu:

Kód: Vybrat vše

card-mod-theme: vase tema
card-mod-root: |
  app-toolbar {
    display: none;
  }


Nebo chcete záhlaví průhledné? Přidejte do svého tematu:

Kód: Vybrat vše

card-mod-theme: vase tema
card-mod-root: |
  ha-app-layout {
    background: url("/local/backgrounds/vas obrazek.jpg");
  }
  app-header {
    background: rgba(0,0,0,0.5) !important;
  }
  app-toolbar {
    background: none !important;
  }


Jak snadné. :roll:
Používám téma yourname protože je tmavé a lze pžidat snadno jakýkoliv obrázek na pozadí doporučuji.
Pokud nejsem přítomen tak jsem na rybách ;)

Uživatelský avatar
Lion®
Administrátor fóra
Administrátor fóra
Příspěvky: 1604
Registrován: 28. září 2020, 14:07
Bydliště: podkrkonoší
Dal poděkování: 144 poděkování
Dostal poděkování: 193 poděkování
Kontaktovat uživatele:

Re: Jak upravit záhlaví

Příspěvek od Lion® »

Pete30 píše: 09. říjen 2020, 15:07
Chcete odstranit záhlaví? Přidejte do svého tematu:

Kód: Vybrat vše

card-mod-theme: vase tema
card-mod-root: |
  app-toolbar {
    display: none;
  }
zkouším
... co znamená " do svého tématu"?


Už chápu...
Pokud má někdo nainstalované vlastní téma, najde ve svém "File editor"u složku s názvem "themes"
a v ní další složku s názvem nainstalovaného tématu
a v ní soubor *.yaml

Pro odstranění názvu Dashboardu (záhlaví ) v požadovaném tématu,
přidejte na konec souboru *.yaml řádky (mám jiné odsazení):

Kód: Vybrat vše

  card-mod-theme: název_konkretního_tématu
  card-mod-root: |
    app-toolbar {
      display: none;
    }
________________
🍻 Přispěj a získej přístup do obsahu fóra pro dárce. :thx:
Oficiální sada s Raspberry Pi 4B/4GB, černá +Argon NEO Raspberry Pi 4 Case
Patriot Burst 2.5" SATA SSD 120GB + AXAGON EE25-XA6 ALINE box

Galerie realizací

Uživatelský avatar
Pete30
Moderátor
Moderátor
Příspěvky: 3333
Registrován: 30. září 2020, 20:33
Dal poděkování: 172 poděkování
Dostal poděkování: 364 poděkování

Re: Jak upravit záhlaví

Příspěvek od Pete30 »

Splácal jsem dohromady kod na další úpravu záhlaví ,který zabírá minimum místa ne jako originál.
Zatím jsem nepřišel na to jak udělat aktivní ikony záhlaví barevně.
Pokud je zájem vložím ho sem.
Takto to vypadá v reálném světě
Snímek obrazovky 2020-10-11 175012.png
Snímek obrazovky 2020-10-11 175012.png (78.61 KiB) Zobrazeno 1197 x
Pokud nejsem přítomen tak jsem na rybách ;)

Uživatelský avatar
Lion®
Administrátor fóra
Administrátor fóra
Příspěvky: 1604
Registrován: 28. září 2020, 14:07
Bydliště: podkrkonoší
Dal poděkování: 144 poděkování
Dostal poděkování: 193 poděkování
Kontaktovat uživatele:

Re: Jak upravit záhlaví

Příspěvek od Lion® »

Pete30 píše: 11. říjen 2020, 17:58 Splácal jsem dohromady kod na další úpravu záhlaví ,který zabírá minimum místa ne jako originál.
Zatím jsem nepřišel na to jak udělat aktivní ikony záhlaví barevně.
Pokud je zájem vložím ho sem.
Takto to vypadá v reálném světě

Snímek obrazovky 2020-10-11 175012.png
to přece umí default záhlaví, aktivní je podtržené a menší bych to asi ani nepotřeboval ;-)
________________
🍻 Přispěj a získej přístup do obsahu fóra pro dárce. :thx:
Oficiální sada s Raspberry Pi 4B/4GB, černá +Argon NEO Raspberry Pi 4 Case
Patriot Burst 2.5" SATA SSD 120GB + AXAGON EE25-XA6 ALINE box

Galerie realizací

Uživatelský avatar
Pete30
Moderátor
Moderátor
Příspěvky: 3333
Registrován: 30. září 2020, 20:33
Dal poděkování: 172 poděkování
Dostal poděkování: 364 poděkování

Re: Jak upravit záhlaví

Příspěvek od Pete30 »

Default je takto,když úplně schováš boční panel:
Default.png
Default.png (4.71 KiB) Zobrazeno 1192 x
Když to máš na tabletu tak to zabírá cca 1/6 plochy a vypadá to hrozně
Pokud nejsem přítomen tak jsem na rybách ;)

Uživatelský avatar
Lion®
Administrátor fóra
Administrátor fóra
Příspěvky: 1604
Registrován: 28. září 2020, 14:07
Bydliště: podkrkonoší
Dal poděkování: 144 poděkování
Dostal poděkování: 193 poděkování
Kontaktovat uživatele:

Re: Jak upravit záhlaví

Příspěvek od Lion® »

Pete30 píše: 11. říjen 2020, 19:02 Default je takto,když úplně schováš boční panel:
Default.png

Když to máš na tabletu tak to zabírá cca 1/6 plochy a vypadá to hrozně
Blbě jsem se vyjádřil, default je default a máš pravdu.
Já myslel že používáš vlastní téma.

Použil jsem téma your name + kód na schování záhlaví, schovaný boční panel a vyšlo mi toto:
Screenshot_20201012-113615.jpg
Screenshot_20201012-113615.jpg (19.89 KiB) Zobrazeno 1183 x
________________
🍻 Přispěj a získej přístup do obsahu fóra pro dárce. :thx:
Oficiální sada s Raspberry Pi 4B/4GB, černá +Argon NEO Raspberry Pi 4 Case
Patriot Burst 2.5" SATA SSD 120GB + AXAGON EE25-XA6 ALINE box

Galerie realizací

Uživatelský avatar
Pete30
Moderátor
Moderátor
Příspěvky: 3333
Registrován: 30. září 2020, 20:33
Dal poděkování: 172 poděkování
Dostal poděkování: 364 poděkování

Re: Jak upravit záhlaví

Příspěvek od Pete30 »

Ok já používám také yourname,ale chtěl jsem tam mít jak přístup do bočního menu tak do nastavení.
Asi jsme si špatně rozuměli :?
Pokud nejsem přítomen tak jsem na rybách ;)

Uživatelský avatar
Pete30
Moderátor
Moderátor
Příspěvky: 3333
Registrován: 30. září 2020, 20:33
Dal poděkování: 172 poděkování
Dostal poděkování: 364 poděkování

Re: Jak upravit záhlaví

Příspěvek od Pete30 »

Vše se podařilo:
Záhlaví je umístěno dole
Změna barvy vybrané ikony
Změna barvy nevybraných ikon
Změna barvy podtržítka vybrané ikony
Případně změna barvy textu ,když není použita ikona
Vztahuje i na režim úprav
Posunutí ikon vpravo od ikony vyvolání menu výběru

A výsledek spodní část monitoru výřez:
záhlaví dole.png
záhlaví dole.png (89.49 KiB) Zobrazeno 1170 x
Režim úprav
režim úprav.png
režim úprav.png (59.96 KiB) Zobrazeno 1170 x
Pokud nejsem přítomen tak jsem na rybách ;)

Uživatelský avatar
Lion®
Administrátor fóra
Administrátor fóra
Příspěvky: 1604
Registrován: 28. září 2020, 14:07
Bydliště: podkrkonoší
Dal poděkování: 144 poděkování
Dostal poděkování: 193 poděkování
Kontaktovat uživatele:

Re: Jak upravit záhlaví

Příspěvek od Lion® »

Dokázal by sis představit transparentní dashboard tak aby prosvitala živá tapeta tabletu?
Má oblíbená, měsíční fáze. Zrovna jde do novu sakra...

________________
🍻 Přispěj a získej přístup do obsahu fóra pro dárce. :thx:
Oficiální sada s Raspberry Pi 4B/4GB, černá +Argon NEO Raspberry Pi 4 Case
Patriot Burst 2.5" SATA SSD 120GB + AXAGON EE25-XA6 ALINE box

Galerie realizací

radek
Aktivní autor
Aktivní autor
Příspěvky: 81
Registrován: 03. říjen 2020, 09:48
Dal poděkování: 1 poděkování

Re: Jak upravit záhlaví

Příspěvek od radek »

Lion® píše: 10. říjen 2020, 16:48
Pete30 píše: 09. říjen 2020, 15:07
Chcete odstranit záhlaví? Přidejte do svého tematu:

Kód: Vybrat vše

card-mod-theme: vase tema
card-mod-root: |
  app-toolbar {
    display: none;
  }
zkouším
... co znamená " do svého tématu"?


Už chápu...
Pokud má někdo nainstalované vlastní téma, najde ve svém "File editor"u složku s názvem "themes"
a v ní další složku s názvem nainstalovaného tématu
a v ní soubor *.yaml

Pro odstranění názvu Dashboardu (záhlaví (full) ) v požadovaném tématu,
přidejte na konec souboru *.yaml řádky (mám jiné odsazení):

Kód: Vybrat vše

  card-mod-theme: název_konkretního_tématu
  card-mod-root: |
    app-toolbar {
      display: none;
    }

Jako nakonec toho souboru například yourname.yaml, co je v adreari themes, protoze to jsem udělal a nic se nestalo. Jinak mi ten soubor s tématem v pohodě funguje.

Odpovědět

Zpět na „Vzhled“