Personnalisation - Wallpaper en HTML avec WinterBoard

Dju · 30-08-2008 00:35:19

AVERTISSEMENT !!!!

Vous êtes sur le point de consulter et d'utiliser des fichiers non autorisés pas Apple ! Le fait d'aller plus loin dans cette page signifie que vous comprenez et acceptez les responsabilités de vos actes. iPhon.fr et son équipe ne peut être tenu responsable de vos lesdits actes.

La méthode décrite ci dessous est présentée à titre informative et n'a pas pour but l'incitation au piratage ou quelconque manifestations de ce genre !

Si vous ne désirez pas consulter le contenu de cette page, quitter cette section....

"Je déclare être responsable de mes actes. Je m'engage à renoncer à toutes poursuites de quelques types que ce soit envers iPhon.fr et son forum et je reconnais également que iPhon.fr et son forum ne sont qu'un répertoire de liens et n'héberge aucuns fichiers sur cette page "

Au vu de la popularitéde Winterboard, et surtout de la possibilité de mettre un wallpaper (ou un LockScreen) en HTML, je vous propose d'en débattre ici

Dju · 30-08-2008 00:37:21

Bombattak a écrit :

Bon j'ai trouvé, c'est parce que j'avais installé via Cydia "BossPreff MobileCal patch" sans trop savoir ce que c'étais alors j'ai voulu essayer mais je n'avais pas vu de différence sur le coup.
En le desactivant avec BossPref la date est revenu donc c'est bon, mais je n'ai toujours pas vraiment compris a quoi servait ce patch parce que je ne vois pas trop l'intéret de masquer la date sur le Springboard ! Je sais pas si c'est sa seul fonction mais bon...
Quelqu'un sait a quoi il sert exactement ce patch?

heu ouais, j'ai aussi vu ce patch et j'ai pas compris à quoi il servait... au moins t'as retrouvé ta date

militace a écrit :

Dju a écrit :
militace a écrit :
@DJU ----> tu te sens d'essayer de faire une icone meteo dynamique ?
ok, ou k'elle est la manip ?
ICI ---> http://macthemes2.net/forum/viewtopic.php?id=16788355
moi je comprend rien !

ok, je jette un zieu

Dju · 30-08-2008 00:37:50

ok, voila j'ai la météo dynamique de paris en fond (en bas à droite)

en fait c'est tout bête: winterboard peut utiliser un fond en html au lieu d'une image png
pour cela, il faut mettre un fichier Wallpaper.html dans le dossier de ton thème, comme l'image Wallpaper.png

et la, dans le HTML proposé, on définit l'image Wallpaper.png en fond grâce aux style CSS, histoire d'avoir la même image de fond que d'habitude.
et juste après y'a une iframe qui va chercher la température de la zone sélectionnée, en l'occurrence: paris (FRXX0076), et qui l'affiche en bas à droite.

au passage, le fait de pouvoir mettre du HTML au lieu d'une simple image est réellement énorme.
On peut faire pleins de choses qui s'afficheront ainsi en fond...
un petit script qu'on met en ligne, et grâce à ça, voir son résultat... ou bien une image de webcam qui va se réactualiser toutes les 10 minutes par exemple......

Dju · 30-08-2008 00:39:51

PA.bouvier a écrit :

moi aussi jai réussi mais la temperature s'actualise au 5 minutes je pense... est-ce quil y a un moyen pour quelle le fasse au 2 secondes....

Dju · 30-08-2008 00:41:08

PA.bouvier a écrit :

moi aussi jai réussi mais la temperature s'actualise au 5 minutes je pense... est-ce quil y a un moyen pour quelle le fasse au 2 secondes....

Certainement, il suffit de mettre entre <head> et </head> la ligne suivante:

<META HTTP-EQUIV="Refresh" CONTENT="n">

ou n est le nombre de secondes après lequel la page se rafraichira

edit: après, on peut aussi s'amuser à gèrer le rafraichissement en javascript afin de dire que par exemple, la page doit se rafraichir toutes les 10 minutes, mais uniquement entre 8h et 19h du lundi au vendredi par exemple... je vous dis ça ce soir

Dju · 30-08-2008 00:44:25

PA.bouvier a écrit :

PA.bouvier a écrit :
moi aussi jai réussi mais la temperature s'actualise au 5 minutes je pense... est-ce quil y a un moyen pour quelle le fasse au 2 secondes....
Certainement, il suffit de mettre entre <head> et </head> la ligne suivante:
<META HTTP-EQUIV="Refresh" CONTENT="n">
ou n est le nombre de secondes après lequel la page se rafraichira
ok mais est-ce que je dois ajouter le <head> et </head> ou il est deja la? parce que moi jen vois pas.... pourrais tu me montrer tous ce qui est ecrit dans ton fichier .html
parce que moi jai plein daffaire d'écrit pour rien je pense..... et je ne sais pas ou ajouter le <head> et </head>
merci

Dju · 30-08-2008 00:45:12

okay, alors voila le contenu du fichier Wallpaper.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
		<style type="text/css" media="screen">
			* {
				margin: 0;
				padding: 0;
			}
			body {
				height: 480px;
				width: 320px;
				background: url('./Wallpaper.png') no-repeat top left;
			}
			#bottom {
				margin-top: 360px;

			}
			#frame {
				height: 20px;
				border: none;
			}
		</style>
	</head>
	<body id="pgid">
		<div id="bottom">
			<iframe id="frame" src="http://iphone.sjaq.eu/?loc=FRXX0076&deg=c" />
		</div>
	</body>
</html>

celui vous donnera la météo pour paris, tout en ayant en fond votre image habituelle, nommée Wallpaper.png

et donc, si on veut par exemple reactualiser toutes les heures, on rajoutera la ligne

<META HTTP-EQUIV="Refresh" CONTENT="3600">

entre les balises <head> et </head>, par exemple, juste avant la ligne commencant par '<meta' ou juste après celle ou il y a </style>

maintenant, je ne peux affirmer que n'importe quel code html ou javascript sera bien interprété...
je ne sais même pas quel est le moteur utilisé pour interpréter ce code html... y en a t il un integré à summerboard ? ou peut être utilise t il celui de safari.... ?

Dju · 30-08-2008 00:46:16

PA.bouvier a écrit :

Dju a écrit :
okay, alors voila le contenu du fichier Wallpaper.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
		<style type="text/css" media="screen">
			* {
				margin: 0;
				padding: 0;
			}
			body {
				height: 480px;
				width: 320px;
				background: url('./Wallpaper.png') no-repeat top left;
			}
			#bottom {
				margin-top: 360px;

			}
			#frame {
				height: 20px;
				border: none;
			}
		</style>
	</head>
	<body id="pgid">
		<div id="bottom">
			<iframe id="frame" src="http://iphone.sjaq.eu/?loc=FRXX0076&deg=c" />
		</div>
	</body>
</html>
celui vous donnera la météo pour paris, tout en ayant en fond votre image habituelle, nommée Wallpaper.png

et donc, si on veut par exemple reactualiser toutes les heures, on rajoutera la ligne
<META HTTP-EQUIV="Refresh" CONTENT="3600">
entre les balises <head> et </head>, par exemple, juste avant la ligne commencant par '<meta' ou juste après celle ou il y a </style>

maintenant, je ne peux affirmer que n'importe quel code html ou javascript sera bien interprété...
je ne sais même pas quel est le moteur utilisé pour interpréter ce code html... y en a t il un integré à summerboard ? ou peut être utilise t il celui de safari.... ?
merci mais depuis que je l'ai mis dans mon fichier wallpaper.htlm la temperature reste toujours la meme..... elle ne change jamais.... peu tu maider svp...

Dju · 30-08-2008 00:47:21

PA > meme en rajoutant bien la ligne avec META ... entre les balises <head> et </head> ?
la, ça m'etonne.. on ne peut faire plus standard comme code HTML...
quelle fréquence de rafraichissement avais tu mis dans la dite ligne ?

en tout cas, tu peux tout de meme essayer autre chose, vu que le javascript est géré

d'abord tu supprime la ligne <META HTTP-EQUIV="Refresh" CONTENT="3600">
ensuite, tu rajoute ces quelques lignes juste avant la balise </body>

<script>
var recharge = function { document.location.reload(); }
setTimeout(recharge , 15000);
</script>

15000 signifie que ça recharge au bout de 15 secondes, car ce sont des milisecondes

Dju · 30-08-2008 00:48:24

PA.bouvier a écrit :

regarde je vais tecrire mon code html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
<META HTTP-EQUIV="Refresh" CONTENT="60">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <style type="text/css" media="screen">
            * {
                margin: 0;
                padding: 0;
            }
            body {
                height: 480px;
                width: 320px;
                background: url('./Wallpaper.png') no-repeat top left;
            }
            #bottom {
                margin-top: 360px;

            }
            #frame {
                height: 20px;
                border: none;
            }
        </style>
    </head>
  <div id="bottom">
    <iframe id="frame" src="http://iphone.sjaq.eu/?loc=[CAXX0040]&deg=[c]" />
  </div>
</body></html>

Dju · 30-08-2008 00:48:47

Nkio a écrit :

Euh, 60 millisecondes ce n'est pas un peu trop bas a ton avis?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
<META HTTP-EQUIV="Refresh" CONTENT="60">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <style type="text/css" media="screen">
            * {
                margin: 0;
                padding: 0;
            }
            body {
                height: 480px;
                width: 320px;
                background: url('./Wallpaper.png') no-repeat top left;
            }
            #bottom {
                margin-top: 360px;

            }
            #frame {
                height: 20px;
                border: none;
            }
        </style>
    </head>
  <div id="bottom">
    <iframe id="frame" src="http://iphone.sjaq.eu/?loc=[CAXX0040]&deg=[c]" />
  </div>
<script>
var recharge = function { document.location.reload(); }
setTimeout(recharge , 60);
</script>
</body></html>

voilà le code à 60 ms, mais a mon avis ca risque de pas mal pomper la batterie

Dju · 30-08-2008 00:49:00

ha si.... la c'est sur, ça va fumer ta batterie et ta connection voire meme planter ton système

mais dans le META, 60 représente des secondes. alors qu'en javascript, on utilise des milisecondes

mais pas besoin de rafraichir aussi souvent la température... même toutes les minutes, pour moi c'est trop.
toutes les 15 minutes au minimum... donc 900000 ms

Dju · 30-08-2008 00:49:21

PA.bouvier a écrit :

pouvez vous me faire un fichier html avec lheure de repentigny (montreal) et qui se rafraichie metton au 15 minutes...
merci parce que moi je ne comprend plus rien..

Dju · 30-08-2008 00:50:02

PA > tu peux peut être essayer autre chose, histoire de voir si ca se rafraichit bien ...

dans la source de l'iframe, met http://jultemp.free.fr/scripts_pratiques/time.php au lieu de http://iphone.sjaq.eu/?loc=[CAXX0040]&deg=[c]

cette page t'affiche tout simplement la date et l'heure.
ainsi, quand le rafraichissement se fera, tu devrais voir l'heure changer.

si elle ne change pas non plus, alors on tentera un autre truc.
si elle change bien, alors la y'a quelque chose qui m'échappe....

Dju · 30-08-2008 00:52:33

PA.bouvier a écrit :

voila dju sa marche avec lheure..... elle se rafraichi au 20 secondes maintenant commen je regle mon probleme avec la temperature?

Dju · 30-08-2008 00:52:48

... bon...

pour le rafraichissement, t'as mis la ligne meta ou le javascript ?
en tout cas, puisque le rafraichissement se fait bien, alors ca devrait normalement rafraichir l'iframe si tu lui remet l'adresse http://iphone.sjaq.eu/?loc=CAXX0040&deg=c

Dju · 30-08-2008 00:53:04

PA.bouvier a écrit :

sa marche! pourtant jai rien changer.....en tous cas merci

Dju · 30-08-2008 00:53:12

pfioooouuuuuuuuuuu ! enfin !

Dju · 30-08-2008 00:54:34

lgouraud a écrit :

Dju a écrit :
ok, voila j'ai la météo dynamique de paris en fond (en bas à droite)
au passage, le fait de pouvoir mettre du HTML au lieu d'une simple image est réellement énorme.
On peut faire pleins de choses qui s'afficheront ainsi en fond...
un petit script qu'on met en ligne, et grâce à ça, voir son résultat... ou bien une image de webcam qui va se réactualiser toutes les 10 minutes par exemple......
Pas mal comme astuce, on peut aussi créer un fichier "LockBackground.html" qui fera la même chose pour l'écran de tu devines quoi.

Dju · 30-08-2008 00:54:58

ça serait bien ... mais pas sur qu'on puisse faire le LockBackground en html

Dju · 30-08-2008 00:55:09

lgouraud a écrit :

Dju a écrit :
ça serait bien ... mais pas sur qu'on puisse faire le LockBackground en html
Si si le principe est le même que le wallpaper.html. je viens de le tester avec du texte et un gif animé mais rien pour faire un screenshot ..

Dju · 30-08-2008 00:57:18

sinon j'ai une ptite idée pour un wallpaper en html
il se servirait également d'une iframe, comme la météo....
mais ça affichera autre chose, qui fera gagner du temps, et de la bande passante !

j'vous en dis plus ce soir

Dju · 30-08-2008 00:57:29

lgouraud a écrit :

Voici mon lockbackground.html

<html><head>
</head><body style="
    padding: 0;
    margin: 0;
">

<div style="
    height: 480px;
    width: 320px;
"><iframe
    frameborder="0"
    width="320"
    height="480"
    src="http://l.gouraud.free.fr/divers/avatar.html"
></iframe></div>

</body></html>

Il m'affiche mon petit chat...

Dju · 30-08-2008 00:58:28

lgouraud a écrit :

Vous remarquez le petit chat, c'est le gif animé qui est là: http://l.gouraud.free.fr/divers/avatar.html grace à l'HTML de la page précédente.

Dju · 30-08-2008 00:58:41

Nkio a écrit :

Tu t'en sort Dju ?

Forum iPhone, iPad, Apple Watch de iPhon.fr

Annonce

#1 30-08-2008 00:35:19

Personnalisation - Wallpaper en HTML avec WinterBoard

#2 30-08-2008 00:37:21

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#3 30-08-2008 00:37:50

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#4 30-08-2008 00:39:51

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#5 30-08-2008 00:41:08

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#6 30-08-2008 00:44:25

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#7 30-08-2008 00:45:12

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#8 30-08-2008 00:46:16

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#9 30-08-2008 00:47:21

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#10 30-08-2008 00:48:24

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#11 30-08-2008 00:48:47

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#12 30-08-2008 00:49:00

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#13 30-08-2008 00:49:21

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#14 30-08-2008 00:50:02

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#15 30-08-2008 00:52:33

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#16 30-08-2008 00:52:48

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#17 30-08-2008 00:53:04

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#18 30-08-2008 00:53:12

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#19 30-08-2008 00:54:34

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#20 30-08-2008 00:54:58

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#21 30-08-2008 00:55:09

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#22 30-08-2008 00:57:18

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#23 30-08-2008 00:57:29

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#24 30-08-2008 00:58:28

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#25 30-08-2008 00:58:41

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

Pied de page des forums