Toolbar

[paaubert]

Bonjour,

J'ai trouvé un truc sympa pour créer une toolbar personnalisée pour tous navigateur, vous pouvez voir la description et le résultat ici
http://www.boock.ch/meteo/toolbar.php





Les conditions actuelles sont une image générée par GW (image du haut, position 3), le code est ci-dessous, les graphiques sont aussi généré par GW.

Voici le lien pour créer votre propre barre (c'est gratuit et 100% personnalisable
http://toolbar.conduit.com/.


A+



<?xml version="1.0" encoding="iso-8859-1" ?>
<stylesheet>
<image width="530" height="22" />
<frame width="530" height="22" position-x="0" position-y="0" shadow="0">
<title text="" alignement="vcenter|hcenter" angle="0">
<font color="FF000000" facename="Arial" size="14" weight="400" italic="0" />
</title>
<background texture="" gradient="1" gradient-direction="135" stretch="1" />
<border cornerradius="0" color="00000000" thick="1" />
</frame>
<!-- ================= Statistics ================= -->
<textbox width="530" height="22" shadow="0" position-x="0" position-y="0" margin="2" >
<border cornerradius="0" color="55555555" thick="1" />
<text alignement="vcenter|hcenter">
<line text="$Current[outdoor_temperature] °c | $Current[outdoor_humidity] % | $Current[relative_pressure] $Unit[Pressure] | $Current[wind_direction,f1] $Current[wind_speed] Km/h | $Current[rainfall_1h]mm/1h | $Current[solar_radiation] W/m2 | UV : $Current[uv_index]"/>
<font color="FF000000" facename="Arial" size="16" weight="400" italic="0" />
</text>
<background color="00000000" texture="" stretch="1" />
</textbox>

</stylesheet>

[Micharnaud]

genial supert travail mais pour moi dur dur je ne comprend pas l'anglais
mais un grand merci pour le travail

[UD37]

Bonjour paaubert,
Je suis très intéressé par la création d'une toolbar météo pour mon site et ma station, notamment par le second modèle.

Serait-il possible de connaitre les différentes étapes sur la création de cette dernière

J'ai essayer d'en faire une selon le premier modèle, mais je suis perdu sur l'élément à mettre en place dans la toolbar pour l'affichage des données et à la configuration dans GraphWeather pour le fonctionnement de celle-ci .

Voila, en vous remerciant d'avance pour une éventuelle future réponse de votre part. Je vous souhaite une bonne journée !

[paaubert]

Bonsoir,

en fait c'est très simple, il faut ajouter un comportement HTML

toolbar1.jpg

Puis après, <!-- ENTER YOUR HTML HERE -->
il faut indiquer le lien vers l'image générée par GW (feuille de style que j'ai mis plus haut) il faut l’enregistrer en png pour avoir la transparence

toolbar2.jpg

Pour les autres, c'est le même principe, mais il faut choisir "Your Gadget"

A+

[UD37]

Merci de m'avoir répondu.

En effet, ça devient facile tout d'un coup une fois expliqué. Les données s'affiche enfin dans la toolbar.
Par contre, il y a un problème dans le code de la feuille de style: au paragraphe "Statistics" à la ligne suivante:

Code : Tout sélectionner

<line text="$Current[outdoor_temperature] °c | $Current[outdoor_humidity] % | $Current[relative_pressure] $Unit[Pressure] | $current[wind_direction,f1] $current[wind_speed] Km/h | $current[rainfall_1h]mm/1h | $Current[solar_radiation] W/m2 | UV : $Current[uv_index]"/>

Il manque les majuscules aux $current du vent et des précipitations, ce qui empêche la bonne interprétation des balises.

Mis à part ça, ça marche nickel. Je ferait la toolbar de la même façon que la tienne puis par la suite, je l’agrémenterai avec des symboles pour les différentes données (Précipitations, Vents, Température, Pression, etc...) que j'installerai dans la feuille de style.

Sinon, je te remercie de cette découverte, du travail fait la dessus et de m'avoir aidé à concevoir cette fameuse toolbar d'info météo.
Allez sur ce, je te souhaite une bonne ... nuit.

[paaubert]

Nickel, tu mettras le lien ver ta toolbar que l'on puisse voir, il y certainement encore plein d'astuce, mais je viens de découvrir ce site.

A+

[UD37]

Bon, alors normalement, je suis censé avoir terminé ma toolbar.
Le problème, c'est que j'ai installé un skin dessus parmi ceux proposé, il ne s'affiche pas et mes données météo ne s'affiche que de façon aléatoire (en aperçu et même après publication). Je la teste actuellement sous Google Chrome et Microsoft Internet Explorer. Je vais attendre voir ce que ça va donner au fil du temps.

Voila, ce que ça donne, pour l'instant: http://MeteoBourgueil.OurToolbar.com/

Edit: Tiens, quand je vais sur la page de téléchargement, ça à l'air de fonctionner mais pas chez moi, étrange ? Bon bah j'attend alors ^^.

[paaubert]

Moi j'ai mis une balise refresh dans le head, je ne sais pas si c'est nécessaire, mais chez moi ça fonctionne bien.
Je viens d'installer ta toolbar pour voir le comportement.


<html>
<head>
<!--
Uncomment out the below script reference as needed. For more information on using the API, please consult http://www.conduit.com/Developers/overview.aspx
<script language="JavaScript" src="http://api.conduit.com/BrowserCompApi.js"></script>
-->
<style type= "text/css">
<!--
BODY {margin-left:0; margin-right:0; margin-top:0; margin-bottom:0;
width:100%;height:100%;overflow:hidden;background-color:threedface;}
-->
</style>
<meta http-equiv="refresh" content="300">
</head>
<body>

<!-- ENTER YOUR HTML HERE -->
<img src="http://www.boock.ch/meteo/images-graph/ ... itions.png">
</body>
</html>

A+

[UD37]

Alors apparemment, ce qui me gênerait de mon coté, c'est la longueur du composant HTML: je ne sait pas pourquoi mais au dessus de 495 px, ça ne passe pas, les données ne s'affichent pas. Vraiment bizarre cette histoire .

[paaubert]

effectivement tes conditions ne s'affichent plus, c'est bizarre, moi j'ai 550 px

toolbar3.jpg

toolbar4.jpg

[UD37]

Ah bah alors ça c'est marrant, j'ai télécharger ta barre d'outils et résultat, je n'ai pas tes données météo. Ça doit dépendre certainement de la largeur d’écran suivant la résolution utilisé, tu arrive à voir tes données mais pas moi et je suis en 1024 x 768.
Par contre, j'ai passé mon image en PNG mais le fond n'est toujours pas transparent. Encore une énigme et une .

Edit: Problème de transparence résolut: j'ai supprimée "background-color:threedface" du BODY. Bon allez, je retente le changement de largeur du composant HTML voir ce que ça me donne.

[paaubert]

Moi je suis en 1920x1800, mais je ne pense pas que le problème est ici.
Maintenant je vois tes conditions avec un fond bleu et de l'herbe.

A+

[UD37]

Bonsoir,
Voila, après plusieurs améliorations de ma toolbar, je vous informe que celle-ci à été mise à jour.

Désormais, le logo du site a été intégré, un module "Météo du web" a été installé mais l'amelioration la plus notable est l'affichage des données météo de la station qui sont réparties en plusieurs modules afin de pouvoir s'adapter aux differentes tailles de la fenêtre du navigateur. Cela a nécessité un découpage de la feuille de style utilisé pour afficher l'intégralité des informations en plusieurs petites feuilles de style spécifique à un module.
La date et l'heure de publication des données sont désormais présents.




Si vous souhaitez installer cette toolbar, rendez-vous sur mon site "Météo Bourgueil", rubrique "Extra" puis "Toolbar Météo"

Bonne soirée !