Mettre un script HTML dans un virtuel

Discussions Générales
1

Bonsoir,

Je ne sais pas où mettre trop ce topic.

Depuis le passage en V4, je reprends et allège ma manière de faire les designs (désolé les miens datent de la V2 !).

Je cherche à mettre un code HTML qui était dans un bloc Texte/HTML de design pour simplifier la gestion dans un tableau avec d’autres informations (et gérer plus facilement police, taille, cellule etc).

J’ai ce code :

<!--Créé sur le site https://weatherwidget.io/ !-->
<div id="container" style="min-width: 558px; height: 119px;">
  <!-- Début du script du site !-->
<a class="weatherwidget-io" href="https://forecast7.com/fr/XXXXXXX/XXXXXX/" data-font="Roboto" data-icons="Climacons Animated" data-days="5" data-theme="dark" data-basecolor="" >Carros, France</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<!-- Fin du script du site !-->
</div>

Qui donne ça dans mon design :

Mais du coup, comment créer un virtuel ou un script (c’est là que je ne vois pas) pour mettre cela dans une case d’un tableau parmi tant d’autres.

Autre question, je stocke la police en local Rubik-light que j’appelle par font-family:Rubik-light;
Mais ce site ne propose pas cette police. Comment utiliser ma police en local et non du site ?

data-font="Roboto"

Merci !

2

TU a essayé le plugin-HTML Display ?

1 « J'aime »
3

Bien vu, je ne connaissais. Tellement logique quand on le sait !

Du coup, last one :

Autre question, je stocke la police en local Rubik-light que j’appelle par font-family:Rubik-light;
Mais ce site ne propose pas cette police. Comment utiliser ma police en local et non du site ?

data-font="Roboto"

4

Sauf que non, au final ça ne fait pas ce que je veux.
OK, cela créé un objet, good côté dashboard.
Par contre, je ne peux pas « travailler » l’agencement comme on a sur les autres objets :

Configuration avancée donne peu d’options :

1521×441 35.1 KB

Si je cherche à mettre cet objet dans une case d’un virtuel avec plusieurs lignes, l’objet HTML n’existe pas ! Il n’est pas dans la liste.

Un virtuel permet d’accéder à la disposition :

1499×706 53.8 KB

5

Il te faut faire un truc de ce genre la …

<style>
@font-face {
    font-family: "Digital7";
  	src: url("data/customTemplates/dashboard/cmd.info.numeric.JaugeHorizontal/font/digital-7.ttf") format("truetype");
}
</style>
6

Pour ça j’utilise déjà un CSS et son appel.
C’est pour remplacer dans l’appel à weatherwidget.io la font « imposée » pour utiliser celle en local… si quelqu’un a une idée.

Sinon j’ai réussi à faire à la main ce que je voulais en rédigant le tableau en HTML :

<!--Créé sur le site https://weatherwidget.io/ !-->
<div id="container" style="min-width: 40px; height: 80px;"> 
  <center>
    <tbody>
    <table style="border:1px;border-style:solid;border-color:ghostwhite;vertical-align: middle;" class="tableCmd" data-line="2" data-column="1">
        <tr>
          <td class="tableCmdcss" style="font-family:Rubik-light;background-color:ghostwhite;color: black;font-size:15px;column-span:all;text-align:center;" data-line="1" data-column="1" colspan="3">Actuellement</td>
        </tr>
        <tr>
          <td class="tableCmdcss" style="font-family:Rubik-light;" data-line="2" data-column="1">
          <a class="weatherwidget-io" href="https://forecast7.com/fr/XXXX/XXXXX/" data-font="Play" data-icons="Climacons Animated" data-mode="Current" data-theme="dark" data-basecolor="" >XXXXX, France</a>
			<script>
				!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
			</script>
          </td>
        </tr>
   </table>
   </tbody>
  </center>
</div>

qui me donne ça :