Archives du mot-clef animé

Créer un fond d'écran animé pour votre iPhone4-4S

Laisser une réponse

Bonjour à tous, aujourd'hui je vais vous expliquer comment créer votre propre fond d'écran animé.

  1. Vous aurez besoin de winterboard disponible sur la source BigBoss : http://apt.thebigboss.org/repofiles/cydia/
  2. D'un fichier texte et de plusieurs fonds d'écran de format 640 x 960.

Vous allez ouvrir le fichier texte, vous allez y coller ceci :

<?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: 960px;

            width: 640px;

        }

        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 id="one"/>

    <img id="two"/>

    <script>

        var images = ['1.png', '2.png', '3.png', '4.png', '5.png', '6.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, 30000);

        };

        fade();

    </script>

</body></html>

  • Ensuite vous allez enregistrer votre fichier texte

Si il ne l'ai pas déjà, changez l'éxtantion et mettez la en .html

Et le plus important est que votre fichier soit nomé Wallpaper.html avec un "W" en majuscule!!! et oui c'est pointu ^^

  • Vous allez renomer vos fond d'écran en 1.png ,2.png ,3.png ,4.png ,5.png ,6.png et vous vous arrèterez à 6.png sinon vous devrez modifier votre fichier texte à la ligne : var images = ['1.png', '2.png', '3.png', '4.png', '5.png', '6.png',]; et ajouter un 7.png ect
  • Une fois vos wallpapers renomés vous allez les mettres dans un dossier que vous allez nomer Private avec un "P" majuscule.
  • Vous allez créer un autre dossier que vous allez nomer "nom de votre fond d'écran" .theme.
  • Pour finir,  vous allez vous connecter en SSH via iFunbox ou autre et vous rendre à : /var/stash/Themes."quelque chose" et coller votre dossier en .theme.
  •  Ensuite rendez vous dans Winterboard pour activer votre fond d'écran animé
  • Admirez

Cette technique n'est valable que pour iPhone 4 ou 4S sinon vous devrez changer votre fichier texte et la taille de vos images en entrant les bonnes dimensions

A savoir 320 x 480 pour iphone 3G et 3GS

Pour plus d'infos ou si vous avez des soucis laissez un commentaire ;-)