{"id":3992,"date":"2023-05-18T17:35:10","date_gmt":"2023-05-18T15:35:10","guid":{"rendered":"https:\/\/www.sigalou-domotique.fr\/?p=3992"},"modified":"2026-01-02T17:01:55","modified_gmt":"2026-01-02T15:01:55","slug":"des-cartes-ne-sintegrent-pas-dans-une-carte-picture-elements","status":"publish","type":"post","link":"https:\/\/www.sigalou-domotique.fr\/es\/des-cartes-ne-sintegrent-pas-dans-une-carte-picture-elements","title":{"rendered":"Las tarjetas no caben en una tarjeta de elementos de imagen"},"content":{"rendered":"<p>Los mapas de elementos gr\u00e1ficos son particularmente \u00fatiles para ubicar mapas en un tablero de instrumentos, como un plan de casa.<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-3993\" src=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements.png\" alt=\"\" width=\"317\" height=\"218\" srcset=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements.png 1055w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements-600x413.png 600w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements-300x206.png 300w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements-1024x705.png 1024w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements-768x529.png 768w\" sizes=\"auto, (max-width: 317px) 100vw, 317px\" \/><\/p>\r\n<p><a href=\"https:\/\/www.home-assistant.io\/dashboards\/picture-elements\/\" target=\"_blank\" rel=\"noopener\">Documentaci\u00f3n<\/a> explica su uso.<!--more--><\/p>\r\n<p>Regularmente me bloqueaban para agregar algunas cartas que no encajaban en el <strong>elementos<\/strong> de la tarjeta <strong>elementos pict\u00f3ricos.<\/strong><\/p>\r\n<h3>Ejemplo de un gr\u00e1fico<\/h3>\r\n<p>Por ejemplo, un gr\u00e1fico simple:<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-3994\" src=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements2.png\" alt=\"\" width=\"312\" height=\"204\" srcset=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements2.png 508w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements2-300x196.png 300w\" sizes=\"auto, (max-width: 312px) 100vw, 312px\" \/><\/p>\r\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"yaml\">Tipo: t\u00edtulo hist\u00f3rico: Temperatura fuera del horario _to _show: 72 show_nombres: entidades falsas: - entidad: sensor.temperature_external _sud _temperature\r\n<\/pre>\r\n<h3>Integraci\u00f3n en bruto en elementos de imagen<\/h3>\r\n<p>Si incluyo esta tarjeta, con este c\u00f3digo:<\/p>\r\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"yaml\">Tipo: Imagen de los elementos de la imagen: \/local\/house\/1920x1000\/transparent.png elementos: - tipo: t\u00edtulo hist\u00f3rico: Temperatura fuera del horario _to _show: 72 show_nombres: entidades falsas: - entidad: sensor.temperature _estilo _sud _temperature externo: parte superior: 50% izquierda: 50%<\/pre>\r\n<p>El resultado es el siguiente: \ud83d\ude22\ud83d\ude22\ud83d\ude22\ud83d\ude22<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3997\" src=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements3.png\" alt=\"\" width=\"506\" height=\"261\" srcset=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements3.png 506w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements3-300x155.png 300w\" sizes=\"auto, (max-width: 506px) 100vw, 506px\" \/><\/p>\r\n<h3>Integraci\u00f3n a trav\u00e9s de una custom:mod-card<\/h3>\r\n<p>Si integro el gr\u00e1fico en una custom:mod-card y luego en una imagen-elementos en s\u00ed, aqu\u00ed est\u00e1 el c\u00f3digo:<\/p>\r\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"yaml\">Tipo: Imagen de los elementos de la imagen: \/local\/house\/1920x1000\/transparent.png elementos: - tipo: custom:mod-tarjeta: Tipo: t\u00edtulo hist\u00f3rico: Temperatura fuera del horario _to _show: 72 show_nombres: entidades falsas: - entidad: sensor.temperature _estilo _sud _temperature externo: parte superior: 50% izquierda: 50%<\/pre>\r\n<p>Resultado:<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3998\" src=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements4.png\" alt=\"\" width=\"416\" height=\"252\" srcset=\"https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements4.png 416w, https:\/\/www.sigalou-domotique.fr\/wp-content\/uploads\/2023\/05\/picture-elements4-300x182.png 300w\" sizes=\"auto, (max-width: 416px) 100vw, 416px\" \/><\/p>\r\n<p>Misi\u00f3n cumplida. \ud83d\udc4d\ud83d\udc4d\ud83d\udc4d\ud83d\udc4d<\/p>\r\n<h3>\u00bfOtras cartas?<\/h3>\r\n<p>Otras tarjetas deben hacer posible hacer lo mismo que la tarjeta mod, para ser probada.<\/p>\r\n<p>Puede estar con <span class=\"pl-s\">custom:stack-in-card<\/span><\/p>\r\n<p>&nbsp;<\/p>\r\n<p>&nbsp;<\/p>\r\n<ul>\r\n<li>Gracias a <a class=\"\" href=\"https:\/\/forum.hacf.fr\/u\/WarC0zes\" data-user-card=\"WarC0zes\">WarC0zes<\/a> y <a class=\"\" href=\"https:\/\/forum.hacf.fr\/u\/Pulpy-Luke\" data-user-card=\"Pulpy-Luke\">Pulpy-Luke<\/a> para esta combinaci\u00f3n\u00a0<\/li>\r\n<li>\u00bfUna pregunta? preguntar all\u00ed en <a href=\"https:\/\/forum.hacf.fr\/t\/une-carte-gauge-dans-une-vue-panneau-avec-une-carte-picture-elements\/23586\/1\" target=\"_blank\" rel=\"noopener\">esta discusi\u00f3n<\/a><\/li>\r\n<\/ul>\r\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Los mapas de elementos gr\u00e1ficos son particularmente \u00fatiles para ubicar mapas en un tablero de instrumentos, como un plan de casa. La documentaci\u00f3n explica su uso.<\/p>","protected":false},"author":1,"featured_media":3997,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[14,53,166],"tags":[81],"class_list":["post-3992","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-domotique","category-home-assistant","category-retex","tag-developpement"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/posts\/3992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/comments?post=3992"}],"version-history":[{"count":0,"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/posts\/3992\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/media\/3997"}],"wp:attachment":[{"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/media?parent=3992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/categories?post=3992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sigalou-domotique.fr\/es\/wp-json\/wp\/v2\/tags?post=3992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}