Créer un thème iPhone pour Winterboard !
par Tony le 03 mar 2009, sous Applications, Customisation, Thèmes, Tutoriels
Voici un tuto sur la création de thèmes pour votre iPhone/iPod Touch qui fonctionneront avec WinterBoard.
Je l’ai fait en deux parties, la première partie concernera les bases de fonctionnement de WinterBoard et la constitution d’un thème.
La deuxième partie concernera la fonction de chaque dossier qui constituera votre thème.
Avant de poursuivre la suite de l’article, vous devez absolument lire et accepter l’avertissement suivant:
- Le jailbreak n’est pas autorisé par Apple.
- Les informations données dans cet article sont à caractère informatif, il ne vous encourage en rien à jailbreaker votre iPhone. En aucun cas iPhonezine ou moi-même ne pourront être tenus responsables en cas de mauvaise manipulation. Vous êtes seul responsable de vos actes !
L’équipe d’iPhonezine décline toute responsabilité. - Si vous décidez de poursuivre la lecture de l’article, vous vous engagez à être d’accord avec les deux points précédents.
- Sachez aussi qu’il vous sera possible à tout moment de revenir aux paramètres d’origines en faisant une « restauration » via iTunes ! Sauf dans de rares cas où votre iPhone ne répond plus de rien et n’est plus reconnu par iTunes.
- 1ère PARTIE:
-
Les bases:
Alors commençons par le début. Pour les novices qui ne connaissent pas trop les possibilités de W.B, vous pourrez mettre en place grâce à des thème que vous créerez (ou déjà tout fait mais ce n’est pas le but ici), un Fond d’écran (Wallpaper), changer les icônes de vos applications, le dock et beaucoup d’autres choses…
Quand vous ouvrez W.B voilà comment cela se présente :
Chaque ligne correspond à un thème. Vous pouvez activer un ou plusieurs thèmes simplement en cliquant sur celui ou ceux désiré(s)…
Une priorité s’effectue sur vos thèmes de haut en bas…
En fait le thème coché qui se trouve le plus haut sera prioritaire sur celui du dessous… Pour simplifier, WinterBoard va appliquer le thème n°1 qui possèdera par exemple les icônes et le dock puis si le thème n°1 ne dispose pas de Wallpaper, il sera appliqué les par le thème n°2 qui lui en possedera un et ainsi de suite….
Les thèmes sont situés dans le répertoire /private/var/stash/Themes.xxxx/ (les « x » correspondant à des lettres propres à chaque iPhone) ou dans Library/Thèmes/
C’est donc ici qu’il faudra placer vos thèmes via SSH pour les retrouver dans W.B et pouvoir les sélectionner ensuite.
Pour ceux qui ne savent pas se connecter en SSH voir ce tuto :
- Pour Windows
- Pour Mac (à venir)
Votre thème doit être contenu dans un dossier portant le nom que vous aurez choisi pour votre thème. On prendra ici pour exemple « Black.Mac » !
Il doit être constitué comme suit:
- Un fond d’écran nommé « Wallpaper.png » (320×480)
- Un dock nommé « Dock.png »
- Une barre de status nommée « StatusBar.png »
- Un dossier contenant toutes vos icônes nommé « Icons »
- Vous pouvez aussi mettre un fond d’écran derrière vos conversations
de SMS. Nommez votre image SMSBackground.png (320×480)
Vous devez renommer chaque icône que vous voulez remplacer tel qu’ils sont écrit sur le SpringBoard. Respectez bien les majuscules et espace s’il y en a !
Il se peut que certains icônes ne changent pas, dans ce cas renommez les en Anglais.
Aussi vous n’êtes pas obligé d’avoir tout ça dans votre thème, si par exemple vous voulez garder le dock d’origine, ne mettez pas de fichier « Dock.png » et il ne changera pas !
Ceci est vraiment un thème de base, on peut aller beaucoup plus loin dans la customisation en ajoutant d’autres dossiers mais on verra tout ça un peu plus tard.
Voilà à quoi cela doit ressembler sur vos ordinateurs :
Sur MAC:
Sur WINDOWS:
- 2ème PARTIE:
Allons un peu plus loin maintenant…
Pour aller plus loin dans la customisation vous pouvez ajouter à votre thème plusieurs dossiers et fichiers HTLM et/ou info.plist qui vous permettront de changer les images et icônes à l’intérieur des applications, de changer la batterie du Lockscreen, de faire défiler plusieurs Wallpapers et beaucoup d’aures choses…
Il s’agit des dossiers Bundles, Folders, Ulmages, Ulsound ainsi que des fichiers HTLM qui vous permettront de gérer l’alternance des Wallpapers et bien plus encore…
-
Le Dossier « Bundles »
Le dossier Bundles doit être créé à la racine de votre thème. Il vous permet par exemple de changer facilement toutes les images contenues dans System/Library/Coreservices/Springboard.app/
Ce dossier contient la plupart des images que vous voyez sur le Springboard comme par exemple les barres de signal Wifi et réseau, la petite batterie dans la barre de statut ainsi que la batterie sur le Lockscreen, les icônes pour le mode avion et Edge ect…
Voilà deux exemples :
Si vous voulez changer la batterie du Lockscreen vous devez créer dans le dossier Bundles, un dossier nommé « com.apple.springboard » et coller à l’intérieur les images de votre nouvelle batterie nommées « BatteryBG_1.png » à « BatteryBG_17.png »
Vous pourrez trouverez plusieurs batteries pour essayer et voir comment sont placés les dossiers sur mon iDisk.
Autre exemple si vous voulez changer l’icône Bluetooth dans la barre de statut vous collerez/ajouterez vos images (icônes) renommées « Default_Bluetooth.png » / « Default_BluetoothActive.png » /
« FSO_Bluetooth.png » / « FSO_BluetoothActive.png » à l’intérieur du dossier « com.apple.springboard »
Vous trouverez aussi ces icônes sur mon iDisk !
Le dossier « Bundles » peut évidemment contenir d’autres dossiers tels que « com.apple.TelephonyUI » qui lui vous permettra de customiser par exemple les Sliders « Déverrouiller », « Eteindre » et « Répondre » et aussi rendre transparente la grosse barre noire où coulisse le slider.
Pour ça vous devez mettre vos Sliders custom dans ce dossier et les nommer :
- bottombarknobgray.png pour le déverrouillage
- bottombarknobgreen.png pour répondre
- bottombarknobred.png pour éteindre le tel
Le fichier « bottombarbkgndlock.png » (ou bottombarbkgnd.png) correspond à la grosse barre noire sur le Lockscreen citée plus haut et le fichier « topbarbkgnd.png » correspond à la barre où coulisse le slider quand vous éteignez votre iPhone.
Vous pourrez récupérer tous ces fichiers en téléchargeant le thème un peu plus loin…
Un dernier exemple intéressant de ce que vous pouvez customiser grâce au dossier « Bundles »… Vous pouvez changer les images de lancement des applications de l’AppStore en créant un dossier correspondant à chaque application et en y collant à l’intérieur une image nommée « Default.png » en 320×480.
Voici déjà une bonne liste de dossiers correspondant à des applications. Vous les reconnaîtrez…
Vous pouvez récupérer tout ce qu’on vient de voir (fichiers et dossiers) dans le thème Black.Mac que je fais au fur et à mesure du tuto sur mon iDisk, cela vous permettra peut être de mieux comprendre et de mieux voir comment est fait ce dossier.
-
Le Dossier « Folders »
Le dossier Folders doit être placé à la racine de votre thème, il vous permet de customiser les images qui se trouvent à l’intérieur des applications. Cela fonctionne pour toutes les applications se trouvant dans /Applications/.
On prendra pour exemple l’application Météo qui peut être customisée en modifiant les images contenues dans /Applications/Weather.app.
Vous devez créer un dossier en lui donnant le nom de l’application, donc dans l’exemple « Weather.app » et coller à l’intérieur toutes les images modifiées en gardant leur nom d’origine.
Dans l’exemple je n’ai modifié que les backgrounds mais vous pouvez aussi modifier toutes les icônes soleil, nuages, pluie ect…
Vous pouvez aussi modifier les images de lancement (comme on a vu plus haut avec le dossier Bundles) de toutes les applications qui se trouvent dans /Applications/ en créant un dossier « Nom de l’appli.app » et en collant à l’intérieur votre image modifiée nommée « Default.png ». Toujours en 320×480 !
-
Le Dossier « Ullmages »
Le dossier Ullmages quant à lui permet de customiser les images qui se trouvent dans les fichiers .artwork… Comme par exemple le fichier Other.artwork pour ceux qui connaissent.
Donc là, plus besoin d’extraction et de re-compilation. Il suffit de copier le fichier que l’on veut modifier dans le dossier « UIImages » et le tour est joué !!
Vous trouverez la liste des images modifiables sur mon iDisk. Une fois que vous avez trouvé l’image qui vous intéresse, vous la récupérez la, modifiez la et copiez la dans le dossier Ullmages sans changer son nom.
-
Le Dossier « Ulsounds »
WinterBoard permet aussi de customiser les sons…. Pour cela, il vous suffit de créer un dossier nommé « UISounds » à la racine de votre thème et de copier à l’intérieur les sons que l’on veut voir changer.
Les sons que vous pouvez changer se trouvent dans /system/Library/Audio/UISounds.
Par exemple, si je veux modifier les sons de mon clavier téléphonique, je vais copier les fichiers dtmf-0.caf à dtmf-9.caf (+ les fichiers dtmf-pound.caf et dtmf-star.caf) que j’aurai modifié dans le dossier UISounds de mon theme.
Vous pourrez créer vos son grâce à ce tuto où j’explique comment faire.
Vous pouvez aussi récupérer des sons déjà tout faits (encore faut-il qu’ils vous plaisent) dans des thèmes « Ulsounds » ou dans certains thèmes complets se trouvant dans Cydia.
Une fois le thème téléchargé vous n’avez plus qu’à aller le chercher via SSH là où se trouvent tous vos thèmes (expliqué dans la première partie du tuto) et ensuite récupérer les sons qui vous intéressent à l’intérieur pour les ajouter dans le dossier « Ulsounds » de votre thème.
Si vous voulez tester, le thème « SuperBlue » qui est dispo sur mon iDisk possède un dossier Ulsounds avec les sons de verrouillage et déverrouillage du téléphone.
-
Les fichiers « info.plist »
Le fichier info.plist doit être placé à la racine de votre thème pour ceux qui ne savent pas.
Vous trouverez plusieurs fichiers info.plist toujours sur mon iDisk. Des plus simples aux plus complets…
Avec le plus complet vous pourrez modifier la couleur de la police des applis hors du Dock (UndockedIconLabelStyle), celles du Dock (DockedIconLabelStyle) ou les deux à la fois ainsi que modifier le style de police. Si vous connaissez le nom de celle que vous souhaitez mettre à le place bien sûr.
Vous pourrez changer la couleur de l’heure (TimeStyle) sur le SpringBoard (en haut au milieu) et enfin la couleur des chiffres (CalendarIconDateStyle) et le jour (CalendarIconDayStyle) qui s’affichent sur l’icône Calendrier.
Les couleurs fonctionnent avec les codes HTLM, vous trouverez un tableau de correspondance « Codes HTLM / Couleurs » ICI ou ICI.
Une fois le fichier .plist ouvert vous verrez à la fin de chaque paragraphe (TimeStyle, CalendarIconDateStyle, ect…) « color: code HTLM » . Il vous suffit alors de remplacer ce code par celui correspondant à la couleur que vous aurez choisi.
Le code HTLM doit ressembler à ca => #4169E1.
Quant au fichier info.plist, une fois ouvert il ressemble à ça:
Sinon pour les couleurs de base vous n’êtes pas obligé d’utiliser les codes HTLM, vous pouvez les mettre en toutes lettres si vous voulez. Comme par exemple white, black, red ect… Mais sans majuscule !!
Un petit exemple de ce que vous pouvez obtenir :
Sur ce screen j’ai changé la couleur de l’heure et du calendrier ainsi que le style de polices des applications hors du Dock.
Si vous avez des questions ou des problèmes, venez en parler sur le forum.
89 commentaires pour cet article
Ajouter un commentaire
-
Bienvenue sur iPhonezine !
iPhonezine est un espace convivial vous permettant de partager votre passion pour l'iPhone, l'iPad et l'univers d'Apple. Que vous veniez d'acquérir cette plateforme révolutionnaire et désiriez en découvrir tous les atouts ou que vous en connaissiez tous les secrets et vouliez partager vos découvertes, cet espace est le vôtre !
Au plaisir de vous lire sur iPhonezine et restez en contact en vous abonnant à notre flux RSS.
A bientôt !
-
L'application officielle d'iPhonezine est disponible gratuitement sur l'App Store. Retrouvez les dernières news grâce au push, le forum, les Keynotes en live et une galerie de wallpapers.
Sondage
Loading ...
6 décembre 2009 à 18 h 14 min
Mouarf dessolé je crain j’ai survoler le tuto pour tout te dire.
Enfin un Grand merci :p
11 décembre 2009 à 2 h 07 min
félicitations ! sérieu, quel boulot de dingue!!! super bien expliqué !!
17 décembre 2009 à 23 h 26 min
Bon Boulot! Mais… heureusement que je m’y connais un peu… Ce tuto est très bien mais pas vraiment pour des novices
18 décembre 2009 à 0 h 00 min
Oh ? En suivant bien petit à petit, tout doucement c’est possible. Il y en a plusieurs qui ont déjà réussi à faire un thème sans forcément avoir de grandes bases !
22 décembre 2009 à 16 h 44 min
Alors là franchement, je doit dire : « Bravo Monsieur !! » xD
Ce tuto est super bien expliqué et en s’y connaissant un peu il n’y a aucun problème à réaliser des thèmes par soi-même.
Par contre, j’ai une petite question : est-ce qu’il serait possible de mettre une petite musique de moins de 10 secondes quand on démarre l’iPod Touch (c’est-à-dire juste après que la Pomme disparaisse) ?
Merci beaucoup !!
7 janvier 2010 à 12 h 45 min
merci pour ce superbe tuto.
encore bravo et meilleur voeux a tous.
7 janvier 2010 à 16 h 17 min
GigaTouch >> je suis novice, et j’ai très bien suivi, pas de pb majeur de compréhension, apres si j’ai une incompréhension, je suis allé farfouiller sr la toile ;p
7 janvier 2010 à 16 h 25 min
très bon tuto! merci. par contre j’aurais voulu savoir:
le theme « MySquig by Soupla », quelqu’un sait ou l’on peu trouver le template psd des icones?
merci d’avance
7 janvier 2010 à 23 h 42 min
Resalut all!! encore merci pour l’aide d’avant! apres avoir changer « dévérouiller », « répondre », « appel manqué » ou bien « eteindre » je voudrai savoir ou je peut trouver le texte « Numéro masqué » lorsque l’on nous appel? MERCI d’avance ^^
11 janvier 2010 à 19 h 50 min
Salut all! quelqu’un peut me dire comment on change la couleur d’ecriture de l’heuere et de la date dans le lockscreen quand on charge pas la batterie?
11 janvier 2010 à 19 h 59 min
@frenchydjeff : passe sur le forum, tu obtiendras toutes les réponses à tes questions
25 janvier 2010 à 14 h 27 min
31 janvier 2010 à 23 h 12 min
bonjour à tous,
merci tout d’abord pour ce tuto, et pour l’accès a ton idisk qui m’a bien servi.
J’ai installer le thème black mac que j’ai un peu modifier. et je voudrais retrouver le logo de base pour le wifi mais en bleu (il est en noir avec le thème), comment dois-je faire pour retrouver le logo de base ?
Merci a tous, bonne soirée
31 janvier 2010 à 23 h 23 min
Si tu veux garder les icônes bleu comme d’origine, il te suffit de supprimer celles que j’ai mis dans le thème.
Elles sont dans Bundle/com.apple.springboard/
Sinon passe sur le forum, dans le topic de winterbaord. On te filera un coup de main !
2 février 2010 à 18 h 12 min
j ai lu le tuto et je suis sur mac mis qund je creer un dossier .png ca me fait un dossier normal
8 février 2010 à 19 h 07 min
Ce Tuto est génial, ça fait une semaine que je traficote un thème que j’ai récupéré.
J’ai un petit problème:
-Comment mettre toujours, quoi-que l’on ouvre (photos, mails, réglages, page d’accueil,…) le StatusBar en noir.
-Ensuite quel est la différence entre Default et FSO car dans com.apple.springboard je vois qu’il y a tout en double !
-Ou ece que je peux trouver en SSH un endroit ou il y a tout le thème par défaut ? ou peut-être que tu as ça ?
MERCI
8 février 2010 à 19 h 36 min
Alors, pour commencer, il n’y a pas de thème original. Les images sont dispersées à droite à gauche dans le système. La plupart des images du springboard (statusbar, dock, etc…) sont situées dans System/Library/Coreservices/Springboard.app/
Pour la statusbar, c’est justement au niveau des « Defaut » et « FSO » que cela se joue. Si tu veux qu’elle soit noir tout le temps, il faut que tu la duplique 3 fois et que tu les nomme:
- FSO_BG
- Default_BG
- FST_BG (lockscreen)
FSO il me semble que c’est pour le springboard et defaut_BG pour quand tu ouvre une appli ou l’inverse je suis plus sûr.
Si tu as d’autres questions, n’hésite pas à venir sur le forum, ca sera plus simple pour discuter !
9 février 2010 à 22 h 33 min
Un GRAND BRAVO a toi ! C’est un boulot énorme pour les débutant comme moi au niveau de l’iphone
! j’ai tout compris et tout modifier de A à Z grâce à ton tuto 
…
Chapeau bas !
10 février 2010 à 21 h 59 min
Énorme !! Super bien expliqué, je suis en train de faire le mien :p
11 février 2010 à 13 h 06 min
Merci à vous de nous lire surtout !
Et n’oubliez pas de nous soumettre vos thèmes quand vous avez fini pour qu’on les mette en partage sur notre repo cydia et qu’on les exposes sur notre iGallery !
11 février 2010 à 17 h 01 min
Super. Un tuto extrêmement intéressant.
Pour changer le texte « Déverouiller » sur le lockscreen, TotoneTheme ajoute dans « Bundles/com.apple.springboard/ » un dossier nommé « fr.lproj » avec un fichier « SpringBoard.strings » qui comporte ce code:
« AWAY_LOCK_LABEL » = « ??? »; les ??? étant le mot que vous voulez voir apparaitre.
En espérant que ce petit plus soit apprécié
16 février 2010 à 19 h 42 min
Bonjour, moi j’aurais voulu savoir s’il etait possible de changer le fond d’ecran du lock screen, MAIS durant la charge … Je trouve dommage qu’il n’y aille que l’icone et un fond noir…
20 février 2010 à 22 h 38 min
super ce tuto
20 février 2010 à 22 h 40 min
Où sont les icônes des applications que l’on installe ?
20 février 2010 à 22 h 54 min
bjr j’ai pas fait le tuto entier mais juste les nouveaux icone et le Wallpaper mais le Wallpaper ne s’affiche
pas
21 février 2010 à 15 h 59 min
personne peux me répondre
21 février 2010 à 16 h 52 min
Pour toutes questions techniques, il y a le forum du site
21 février 2010 à 18 h 30 min
g réussi
24 avril 2010 à 14 h 30 min
SVP est ce que vous savez ou je peux trouver des images de batteries ??
26 avril 2010 à 0 h 12 min
@pipo
Ne connaissant pas tes goûts, installe des thèmes et regarde dans Bundles/com.apple.springboard ^^
ou crée-les toi-même ! (17 images.png 264×129 pixels)
@Maldavam
:-))
Oui, apprécié!
Trouver/copier un fichier SpringBoard.strings à modifier :
System/Library/CoreServices/SpringBoard.app/French.lproj/
En fait tous les messages d’alerte peuvent être modifiés, c’est marrant
14 mai 2010 à 11 h 33 min
Bonjour a tous et a toutes !!
J’ai un problème lorsque je veut modifier les icones de mes application.. je suis passé sur différent tuto mais rien a faire, j’ai pourtant bien suivi ce qui etai expliqué, crée une dossier icons et mettre les nouvelle icone dedan renomer avec le nom de l’app.png
Mais a chaque foi cela ne marche pas alor si quelqu’un pouvai m’aider, cela serai super sympa !
Merci d’avance !
15 mai 2010 à 19 h 46 min
Bjr tout le monde.
Bravo déjà pour le tuto.
Voila ma question est où peut on trouver le nom des dossiers pour les images de lancement des applications de l’Appstore. Via iFile ou en SSH, ou peutetre une liste complète sur Internet.
Merci d’avance pour les réponses
15 mai 2010 à 19 h 52 min
Bonjour Leo,
Les noms des dossiers correspondent souvent au nom de l’appli : par exemple pour notre appli iZine sur l’appstore, c’est iZine.app
15 mai 2010 à 20 h 27 min
Salut le0,
Dans iFile, va dans les options puis active « Fichiers cachés » et « Noms d’applications »
Retourne au menu principal, remonte tout en haut, clique sur « Recherche nom de ficher ». Ensuite, tape le nom de l’application puis fais chercher dans « Hiérarchie ».
Sélectionne-la. Une fois à l’intérieur, amuse toi à prendre n’importe quelle image
Mais fais attention tout de même, une mauvaise manip’ rendrait l’appli inutilisable
16 mai 2010 à 13 h 35 min
Yes merci pour vos réponse. Au lieu de placer dans Bundles les dossier de type com.facebook.Facebook je met dans le dossier Folders et je met Facebook.app, c’est plus simple pour les app de l’Appstore
A et encore merci pour vos réponse.
23 mai 2010 à 22 h 04 min
Salut tom
J’ai eu le meme probleme que toi.
il ma suffit de prendre la derniere version de winterboard et d’activer » Summerboard Mode »
J’espere que sa t’aidera
3 juin 2010 à 10 h 18 min
Salut a tous,
D’abord un grand merci pour ce tuto ça ma grandement aidé ^^ mais j’aurais juste une question : comment fait on pour faire défiler plusieurs images sur son springboard ? Si qq pourrais me répondre assez rapidement se serait sympa ^^
Cordialement
13 juin 2010 à 23 h 27 min
Un logiciel nommé Totonetheme sert a creer tout ces fichier qui ont été presente dans ce tuto automatiquement
voici le lien pour le telecharger :
liens modérés par l’Équipe iPhonezine
20 juin 2010 à 20 h 53 min
Hello ,
déja un grand merci pour ces indications , mais j’ai un problème , y’a t’il une dimension précise pour les icones et si les noms doivent être écrits en Anglais ,
Merci.