Personnalisation - Wallpaper en HTML avec WinterBoard

baba561 · 21-04-2009 21:24:50

non désolé je ne pourrai pas t'aider la dessus.. les wall PageX.png se "glissent" entre les icônes du springboard et les fichiers .html ; on peut voir ça comme ça^^
Donc en espérant que quelqun d'autre ait une solution a te proposer..

sonata31 · 21-04-2009 21:53:43

baba561 a écrit :

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

Encore merci pour tes explications

Louis

mattfromfrance · 23-05-2009 18:42:43

Salut=) je cherche a faire défiler des wallpaper tt les xiemes minutes, et j'ai suivit tout se qu'il falait , donc j'ai éditer le fichier Wallpaper.html pour mettre mes 12 wallpapers et mes images je les ai mis dans le fichier private , mais quand j'active le theme l'ariere plan est tout noir et il y a un carré en haut avec un" ?" dedans... pouvez vous m'aider svp?

Militace-iPhon.fr · 23-05-2009 18:52:30

tu as bien respecté le format des images ?

320*480 en .png ?

verifies bien

au pire pour tester, essaie de les mettre en 319*479 (un brin plus petit en fait)

les nomùs de tes wallpapers correspondent bien a la ocnfig de ton .plist ?

mattfromfrance · 23-05-2009 18:53:34

upp please

mattfromfrance · 23-05-2009 18:54:51

mon .plist? :s

mattfromfrance · 23-05-2009 18:56:17

elles sont tous en 320*480

Uno · 29-05-2009 11:32:50

Je souhaite afficher l'heure et la date sur mon Wallpaper (au dessus du dock).

Est-ce que l'utilisation d'une page html et d'un script php est la seule possibilité ?

Si oui j'aurais sans doute besoin d'un coup de main pr le faire joli...

VanZoo · 10-07-2009 16:57:43

Bonjour, j'ai utilisé ce tuto : http://forum.frenchiphone.com/index.php … 0.330.html

Au lieu du défilement en fondu de mes 3 wallpapers, j'ai 3points d'interrogations...

Pouvez-vous m'aider, svp ?

VanZoo · 11-07-2009 18:12:19

Résolu grâce au thème Gruppled. J'ai utilisé son HTML

minox35 · 30-10-2009 00:48:51

Salut à tous je vous écris car j'ai installé le truc météo ca marche bien il s'actualise bien mais par contre mon wallpaper n'apparait plus que faut il faire pour qu'il réapparaisse merci.

edit : C'est bon j'ai trouvé merci

Dernière modification par minox35 (30-10-2009 16:11:31)

kevryn · 10-03-2010 13:53:47

bonjour tout le monde...
Dans un premier temps je tiens a remercier les personnes qui partagent leurs recherches et leurs trouvailles...
Mon premier post aujourd'hui mais grace à vous j'ai deja enormement avancé (icones, police, fond...)
voici la raison de mon post:
j'ai creuse le code html du theme de saurik pour y changer les images de fond... c 'est bon.
mais voila je voudrais faire un code qui me permette de metre plus de fond differents...et la je seche...
j'ai passe de nombreuses heures a chercher des codes html qui comptent plusieurs pages et qui marchent... mais non...
alors si qq un pouvait me dire quelles lignes ajouter( ou modifier ) pour en rajouter ca serait sympa...
;-)

</head><body style="color: black">
    <img src="Wallpaper1.png" id="wall1"/>
    <img src="Wallpaper2.png" id="wall2"/>
    <img src="Wallpaper3.png" id="wall3"/>
    <img src="Wallpaper3.png" id="wall4"/>

    <script>
        var fade_in = wall1;
        var fade_to = wall2;
        var fade_to2 = wall3;
   var fade_out = wall4;

        var fade = function () {
            fade_in.className = 'fade-out';
       fade_to.className = 'fade-out';
            fade_to2.className = 'fade-out';
            fade_out.className = 'fade-in';

            var fade_tmp = fade_in;

            fade_in = fade_to;
       fade_to = fade_to2;
            fade_to2 = fade_out;
            fade_out = fade_tmp;

            setTimeout(fade, 15000);
        };

        fade();
    </script>
</body></html>
.

celui la marche pas..

<?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: 20px 0 0 0;
            height: 442px;
            width: 320px;
        }

        img {
            -webkit-transition-property: opacity;
            -webkit-transition-duration: 2s;
            position: absolute;
            width: 320px;
            height: auto;
        }

        img.fade-out {
            opacity: 0;
        }

        img.fade-in {
            opacity: 1;
        }
    
</style>
</head>
<body style="color: black">
    
<img id="one"/>
    
<img id="two"/>

    
<script>
        var images = ['Rock.png', 'Plant.png'];
        var index = 0;

        var fade_in = one;
        var fade_out = two;

        fade_in.src = images[0];
        fade_out.src = images[images.length - 1];

        var fade = function () {
            fade_in.src = images[index];
            index = (index + 1) % images.length;

            fade_in.className = 'fade-out';
            fade_out.className = 'fade-in';

            var fade_tmp = fade_in;
            fade_in = fade_out;
            fade_out = fade_tmp;

            setTimeout(fade, 15000);
        };

        fade();
    
</script>
</body></html>

celui sur le theme saurik ...il marche mais n alterne que deux pages...

Dernière modification par kevryn (12-03-2010 11:46:56)

Rigat0n1 · 20-06-2010 14:26:22

Bonjour !

Moi j'ai une ptite question technique :

Comment fait-on pour traduire un widget météo en français ? Ca se passe au niveau de la source ? Ça serait juste pour remplacer (par exemple) "sunny" par "Ensoleillé", etc...
Je précise que mon widget est petit avec juste l'image de la météo, la température et l'état du temps ("sunny", "cloudy"...).
Merci d'avance

Jsp2.D · 20-06-2010 17:54:55

Tu as regarder le Wallpaper.js dans le dossier Weather du Widget ?

Ou dans le fichier genre YahooWheater.js, sur le côter, j'ai pu remarquer cloudy et le traduire ?

Dernière modification par Jsp2.D (20-06-2010 17:57:07)

Rigat0n1 · 20-06-2010 20:21:04

Merci de ta réponse.
Pour le fichier yahooWeather.js, les mots "cloudy" ne sont que des commentaires (indications) j'ai déjà essayé de traduire ça change rien.
Reste Wallpaper.js, que je vais explorer
En tout cas, merci

Jsp2.D · 20-06-2010 23:24:16

Avec plaisir Si je peux aider

Rigat0n1 · 20-06-2010 23:36:33

Bon après quelques recherches je pense que ça vient de la source même des infos météo (accuweather).
Donc j'ai supprimé l'indication "cloudy" et le problème est réglé

wass · 29-08-2010 01:35:04

Bonjour, desoler de poster ici mais je nai pas trouvé de sujet qui correspondait a ma recherche
Donc voila est ce que quelquun a essayé dintégrer des wallpapers html sur lipad ???
Qui prennent en compte la rotation de lécran ???
Jai déjà trouvé un thème avec un wallpaper.png qui tourne, jai réussis à installer une vieille horloge et la météo mais le wallpaper du thème et placé au dessus et on ne peut le voir que sur le spotlight et ca ne tourne pas. Jai besoins daide ci quelquun a une idée ??
Merci davance

Rigat0n1 · 11-11-2010 10:13:31

J'suis pas sur que des wallpaper en html qui tourne ce soit possible, pour le moment.

kirikoukou · 28-11-2010 12:50:11

Rigat0n1 a écrit :

Bonjour !
Moi j'ai une ptite question technique :
Comment fait-on pour traduire un widget météo en français ? Ca se passe au niveau de la source ? Ça serait juste pour remplacer (par exemple) "sunny" par "Ensoleillé", etc...
Je précise que mon widget est petit avec juste l'image de la météo, la température et l'état du temps ("sunny", "cloudy"...).
Merci d'avance

réponse avec un peu de retard :

pour "franciser" un widget météo , j'ai trouvé cela :

=> http://forum.frenchiphone.com/index.php … 487.0.html

Rigat0n1 · 30-11-2010 00:16:02

Merci, je m'en servirai sûrement un jour ou l'autre.

100blaz91080 · 12-04-2011 08:24:45

Bonjour a tous !

Aujourd'hui petit soucis en .html :

img {
position: absolute; top: 105px; right: 0px; down: 0px; left: 10px; width: 320px; height: 480px;

height:290;
width:230;
opacity: 0.0;
}

img.fade-in {
opacity: 1;
}
</style>
</head>
<body>
<img id="img1" class="fade-in">
<img id="img2" class="fade-out">
<script>

var interval = 3 * 3;
var imageDir = "./Slideshow/";
var duration = 10;
var images = [
"1.png",
"2.png",
"3.png",
"4.png",
"5.png",
"6.png"];

var index = 0;
var imageCount = images.length;

var randomize = function(){
return Math.round(5 - 10 * Math.random());
};

var fade = function(){
img1.style.zIndex = 1;
img2.style.zIndex = 2;
img1.className = "fade-in";
img2.className = "fade-out";

index = (index + 0) % imageCount;
if(!index){
images.sort(randomize);
}

var tmp = img1;
img1 = img2;
img2 = tmp;

setTimeout(function(){img1.src = imageDir + images[index];}, duration * 1000);
setTimeout(fade, interval * 1000);
};

images.sort(randomize);
img1.src = imageDir + images[index];
fade();
</script>
</body>
</html>

Voila dans tout ca je cherche a augmenter le temps d'affichage
de chacune de mes images, mais
je ne sait pas quoi modifier ...

Mes images changent toutes les 8-10 secs environ avec ce .html.

Merci ... A tous ceux qui i jette un oeil ( Jettez pas les deux ... Lol!)

Dernière modification par 100blaz91080 (12-04-2011 08:32:35)

100blaz91080 · 18-04-2011 17:58:19

Houhou !!! Y'a quelqu'un ou j'vait taper ailleurs ...

temsys · 18-04-2011 21:25:27

duration * 1000

duration *10000 et le tour est joué...

100blaz91080 · 30-04-2011 17:48:31

Je test ... Merci

Forum iPhone, iPad, Apple Watch de iPhon.fr

Annonce

#126 21-04-2009 21:24:50

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#127 21-04-2009 21:53:43

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#128 23-05-2009 18:42:43

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#129 23-05-2009 18:52:30

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#130 23-05-2009 18:53:34

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#131 23-05-2009 18:54:51

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#132 23-05-2009 18:56:17

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#133 29-05-2009 11:32:50

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#134 10-07-2009 16:57:43

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#135 11-07-2009 18:12:19

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#136 30-10-2009 00:48:51

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#137 10-03-2010 13:53:47

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#138 20-06-2010 14:26:22

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#139 20-06-2010 17:54:55

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#140 20-06-2010 20:21:04

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#141 20-06-2010 23:24:16

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#142 20-06-2010 23:36:33

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#143 29-08-2010 01:35:04

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#144 11-11-2010 10:13:31

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#145 28-11-2010 12:50:11

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#146 30-11-2010 00:16:02

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#147 12-04-2011 08:24:45

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#148 18-04-2011 17:58:19

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#149 18-04-2011 21:25:27

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

#150 30-04-2011 17:48:31

Re : Personnalisation - Wallpaper en HTML avec WinterBoard

Pied de page des forums