Personnalisation - Wallpaper en HTML avec WinterBoard

lgouraud · 02-10-2008 11:33:15

pitimarsu a écrit :

ensuite je remplace src="http://l.gouraud.free.fr/divers/avatar.html" par quoi ?

Tu remplaces simplement par src="./avatar.html"

Chrysalid · 03-10-2008 11:15:44

bister a écrit :

pitimarsu a écrit :
mais obliger de mettre en ligne sur le web une page html, ou bien on peut mettre cette page html dans le dossier même pour faire du local ?
tu peu le faire en local
Télécharge mon fichier Ici
tu dézipe le dossier "gif.rar" une fois déziper, dans le dossier "gif" il y a un fichier "image.gif" tu la supprime et tu la remplace par ton image en lui donnant bien le même nom "image.gif" sinon sa marchera pas .En suite tu va dans "/private/var/stash/Themes/" et tu rajoute le dossier gif .
Tu ouvre winterboard sur ton iphone et tu coche gif et ton image devrai apparaitre sur le lockscreen

Dis moi bister n'étant une pro du language html je reviens vers toi avec une question

Pourquoi lorsque j'ajoute ce script(entre les balises <html><head> et </body></html>) au script du weatherwidget dans LockBackground.html l'image gif n'apparaît-elle pas ?

merci d'avance pour ta réponse :)

PS j'ai mis le fichier image.gif après les fichiers LockBackground.html et Wallpaper.html (là est peut-être mon erreur.....

Jormungand · 07-11-2008 16:04:32

Bonjour à tous,

J'ai un fichier Wallpaper.html qui me sert à indiquer l'heure sur mon SB, je l'ai modifié pour avoir les noms français et la date en format français (jour chiffre mois). J'aimerais bien avoir un affichage en 24h et supprimer le AM/PM, mais je ne sais pas quoi modifier, est-ce que quelqu'un peut m'aider?

Merci d'avance

Mon fichier est ici

Soupla · 07-11-2008 16:31:01

A se que j'ai pus voir dans ton fichier, tu a aussi des fichier amPm.js ou un truc comme sa.
Peux tu m'envoyer ton widget complet que je vois sa?

Jormungand · 07-11-2008 22:02:44

Non, c'est juste un Wallpaper.html, pas un widget, je l'ai juste ajouté à la racine du thème

Jormungand · 08-11-2008 15:29:47

Voilà je m'en suis sorti !
J'ai tout simplement supprimé le block :

function amPm ( )
{
  var currentTime = new Date ( );

  var currentHours = currentTime.getHours ( );

  // Choose either "AM" or "PM" as appropriate
  var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";

  // Convert the hours component to 12-hour format if needed
  currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

  // Convert an hours component of "0" to "12"
  currentHours = ( currentHours == 0 ) ? 12 : currentHours;

  // Compose the string for display
  var currentTimeString = timeOfDay;

  // Update the time display
  document.getElementById("ampm").firstChild.nodeValue = currentTimeString;
}

J'ai aussi ajouté l'affichage des secondes et remis un zéro pour les heures quand nécessaire (il affichait hier soir 0:24, j'ai modifié pour avoir 00:24 + les secondes)
Je ne pense pas qu'afficher les secondes utilise énormément de batterie, puisque le refresh est de toute façon réglé sur 1 seconde.

Ca donne ceci :

Donc pour ceux qui voudraient juste une horloge avec la date et les secondes en français, c'est ici.

Dernière modification par Jormungand (08-11-2008 15:34:42)

normich · 12-11-2008 21:48:49

bonjour je voudrais mettre une animation sur mon iphone , j'ai trouvé une animation sur le springboard, on doit la mettre ou?

Freeman · 13-11-2008 12:09:06

Bonjour,

J'ai le script ci-dessous qui ne fonctionne pas trop mal et qui permet d'avoir un slideshow sur le springboard.

J'ai juste un petit problème, de temps en temps, certaines images ne s'affichent pas ?
Quelqu'un à une idée ?
Merci d'avance !

<?xml version="1.0" encoding="UTF-16"?>
<html>
	<head>
		<base href="Private/"/>
		<!--meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/-->
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<style>        
			body {
				background-color: black;
				margin: 0;
				padding: 0;
				height: 480px;
				width: 320px;
			}

			img {
			-webkit-transition-property: opacity;
			-webkit-transition-duration: 3s;
			position: absolute;
			width: 320px;
			height: auto;
			}
        
			img.fade-out {
			opacity: 0;
			}
			
			img.fade-in {
			opacity: 1;
			}
		</style>
	</head>
	<body style="color: black">
		<img src="1.png"/>
		<img src="2.png"/>
		<img src="3.png"/>
		<img src="4.png"/>
		<img src="5.png"/>
		<img src="6.png"/>
		<img src="7.png"/>
		<img src="8.png"/>
		<img src="9.png"/>
		<img src="10.png"/>
		<img src="11.png"/>
		<img src="12.png"/>
		<img src="13.png"/>
		<img src="14.png"/>
		<img src="15.png"/>
		<img src="16.png"/>
		<img src="17.png"/>
		<img src="18.png"/>
		<img src="19.png"/>
		<img src="20.png"/>
		<img src="21.png"/>
		<img src="22.png"/>
		<img src="23.png"/>
		<img src="24.png"/>
		<img src="25.png"/>
		<img src="26.png"/>
		<img src="27.png"/>
		
		<script>
			var interval = 5;  // Seconds between change
			var images = document.getElementsByTagName("img");
			var imageArray = [];
			var imageCount = images.length;
			var current = 0;

			for(var i = 0; i < imageCount; i++) {
			images[i].className = 'fade-out';
			imageArray[i] = images[i];
			}
			        
			var fade = function() {
			imageArray[current++].className = 'fade-out';
			if(current == imageCount)
			{
			current = 0;
			}
			            
			imageArray[current].className = 'fade-in';
			setTimeout(fade, interval * 1000);
			};
			
			fade();
		</script>
	</body>
</html>

Dju · 13-11-2008 20:48:15

c'est quand meme un peu bourrin de changer d'image toutes les 5 secondes (le setTimeout est à 1000 milisecondes *5)
Sinon c'est bien pratique le javascript

à part ça, je vois que t'as 27 images, le js et le css sont nickels...
séparemment, est ce qu'elles s'affichent toutes bien et sont correctes, lisibles sur ton ordi ?

Freeman · 13-11-2008 22:25:14

En fait, le timing est de 20 secondes, j'ai mis 5 pour mes tests.
Sur pc (firefox), c'est nickel.
Sur l'iphone, ca marche pas mal mais des fois une image s'affiche et au prochain passage, elle ne s'affiche pas !

exemple
Boucle 1 = 1: ok ; 2: ok; ... 15: ok; .... 27: ok
Boucle 2 = 1: ok ; 2: ok; ... 15: erreur; .... 27: ok

une p'tite photo pour voir le problème !

Merci d'avance
++

Peter21 · 16-11-2008 18:11:21

bonjour,

jormungand il est génial ton thème tu peux me passer son nom stp ?

HippoLR · 17-11-2008 21:51:55

Pour ma part j'ai une question concernant un theme perso réaliser avec winterboard, donc tout c'est bien passé sauf pour changer l'icon "réglages" pour mon theme.
J'ai mi dans mon dossier icon : Preferences.png et apparement c'est pas ça donc si quelqun sait quel nom faut-il donner pour cette icone et bien prévenait moi
Merci

Jormungand · 25-11-2008 22:41:42

Voici mon thème, c'est Tenuis.

Dryl · 12-12-2008 17:54:39

Bonjour j'ai une petite question j'ai envie de mettre un gif animé sur mon springboard mais je veux qu'elle soit uniquement placé en bas à droite sur la page 2 du springboard est-ce possible ? Si oui que faut-il comme code html pour mon Wallpaper.html ?

Merci à vous

HippoLR · 13-12-2008 14:52:56

Voila mon thème perso

Dernière modification par HippoLR (13-12-2008 14:57:27)

rafffel · 27-01-2009 21:14:31

Petite question est il possible d'acceder au element tel que onclick onmousemove et companie? sinon c'est cool la personalisation par html ca ouvre plin de possibilite

baba561 · 16-04-2009 22:28:51

Help!

j'ai un fichier wallpaper.html ( à telecharger ici ) qui change mon fond d'écran du springboard toutes les 15 secondes environ.

Voila j'aimerai savoir quelles lignes sont à modifier pour pouvoir:

-diminuer le temps pendant lequel le wallpaper reste affiché (pas le temps de translation)

-pouvoir mettre plus de 3 wallpapers

-garder une barre de statut semi-transparente (a la base elle est noire transparente, mais avec ce fichier, elle devient toute noire).

-adapter ce fichier pour une utilisation en lockscreen.

merci d'avance

sonata31 · 19-04-2009 17:32:42

Est-il possible d'avoir un fichier Wallpaper.html par page ?
Cela pour avoir des pages avec un fond fixe, et des pages avec des fonds changeant

baba561 · 19-04-2009 21:12:42

@Sonata31: oui

Voila comment j'ai procédé: il te suffit dans le même dossier, d'avoir:
le fichier wallpaper.html, les wall que tu souhaites renommés "PageX.png", où X est la page qui se verra attribuer le wall désiré, le dossier "private" dans lequel se trouve tous les wall nécessaires pour le fichier wallpaper.html.

Pour mon cas ( cf screen ICI) ma premiere page est un fond changeant, les 4 autres un fond fixe.

EDIT: en revanche, je ne pense pas qu'il soit possible d'avoir plus d'un fond changeant.

Dernière modification par baba561 (19-04-2009 21:14:09)

sonata31 · 20-04-2009 10:07:57

baba561 a écrit :

@Sonata31: oui
Voila comment j'ai procédé: il te suffit dans le même dossier, d'avoir:
le fichier wallpaper.html, les wall que tu souhaites renommés "PageX.png", où X est la page qui se verra attribuer le wall désiré, le dossier "private" dans lequel se trouve tous les wall nécessaires pour le fichier wallpaper.html.
Pour mon cas ( cf screen ICI) ma premiere page est un fond changeant, les 4 autres un fond fixe.
EDIT: en revanche, je ne pense pas qu'il soit possible d'avoir plus d'un fond changeant.

Merci, je vais regarder cela

sonata31 · 21-04-2009 09:35:44

sonata31 a écrit :

baba561 a écrit :
@Sonata31: oui
Voila comment j'ai procédé: il te suffit dans le même dossier, d'avoir:
le fichier wallpaper.html, les wall que tu souhaites renommés "PageX.png", où X est la page qui se verra attribuer le wall désiré, le dossier "private" dans lequel se trouve tous les wall nécessaires pour le fichier wallpaper.html.
Pour mon cas ( cf screen ICI) ma premiere page est un fond changeant, les 4 autres un fond fixe.
EDIT: en revanche, je ne pense pas qu'il soit possible d'avoir plus d'un fond changeant.
Merci, je vais regarder cela

Comment préciser la page où se fera le défilement des images ?
Dans ton screen Wallpaper.html et private sont directement dans le dossier Themes.xxxx, est-ce normal ?

shark13 · 21-04-2009 12:34:29

Bonjour a vous tous ...

Voila mon soucis :

Je me suis fais un thème perso avec dedans des wallpaper perso style Page0.png, Page1.png ... mais quand j'installe le widget météo les wallpaper de mon thème prenne le dessus je vois la météo derrière quand je fais défiler le dernier wallpaper de mon thème ...
Ah oui et je n'ai pas de Wallpaper.html dans mon thème donc peut-être a cause de ça je ne sais pas trop .... Et dans Winterboard j'ai mis le widget météo avant le thème et toujours pareil.

Help ...

baba561 · 21-04-2009 18:14:41

sonata31 a écrit :

Comment préciser la page où se fera le défilement des images ?

Ben il te suffit de ne pas mettre de fond fixe pour la page choisie et ce sera celle la qui aura un fond changeant.
exemple: si tu veux le fond changeant sur la page 3 et 5, alors que tu as 6 pages, tu aura Page0.png, Page1.png, Page3.png, Page5.png. (moi sur le screen, c'est Page0.png qui manque, donc la premiere page du springboard, donc avec un fond changeant contrairement aux autres.)

sonata31 a écrit :

Dans ton screen Wallpaper.html et private sont directement dans le dossier Themes.xxxx, est-ce normal ?

Non, en fait j'ai simplement renommé un dossier "wallpaper.html" pour m'y retrouver sur winterboard. Donc mes fichiers wallpaper.html et private se trouvent dans ce dossier.

EDIT:
@shark13: c'est quel widget météo que tu as installé? si tu avais un lien avec les fichiers ou un truc du style, parce que je ne vois pas et donc je ne peux pas vraiment aider

Dernière modification par baba561 (21-04-2009 18:22:17)

shark13 · 21-04-2009 21:04:25

Bonsoir,

Pour le widget que j'utilise ou que j'essae de mettre c'est celui donné par dreamer4475 en début de page 4 de ce post

En tout cas merci de votre aide ...

shark13 · 21-04-2009 21:20:09

J'ai réussi a l'installer correctement mais en fait j'ai du dans mon theme perso supprimer Page0.png mais des que je passe en Page1.png ou Page2.png mon wallpaper passe devant c'est un peu galère !

Je ne vois pas comment l'integrer ou faire passer la météo par dessus mes wallpaper ...

Forum iPhone, iPad, Apple Watch de iPhon.fr

Annonce

#101 02-10-2008 11:33:15

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#102 03-10-2008 11:15:44

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#103 07-11-2008 16:04:32

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#104 07-11-2008 16:31:01

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#105 07-11-2008 22:02:44

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#106 08-11-2008 15:29:47

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#107 12-11-2008 21:48:49

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#108 13-11-2008 12:09:06

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#109 13-11-2008 20:48:15

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#110 13-11-2008 22:25:14

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#111 16-11-2008 18:11:21

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#112 17-11-2008 21:51:55

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#113 25-11-2008 22:41:42

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#114 12-12-2008 17:54:39

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#115 13-12-2008 14:52:56

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#116 27-01-2009 21:14:31

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#117 16-04-2009 22:28:51

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#118 19-04-2009 17:32:42

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#119 19-04-2009 21:12:42

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#120 20-04-2009 10:07:57

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#121 21-04-2009 09:35:44

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#122 21-04-2009 12:34:29

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#123 21-04-2009 18:14:41

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#124 21-04-2009 21:04:25

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#125 21-04-2009 21:20:09

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

Pied de page des forums