Un membre très actif du forum, lois, nous a concocté un excellent tutoriel vous permettant de customizer votre appareil sous l’iOS 4. Le voici donc, pour le plus grand plaisir de nos lecteurs ^^
Tout d’abord, qu’est-ce qu’un thème ?
Saurik répond à cette question à l’aide de détails techniques, mais pour simplifier, il s’agit d’un dossier qu’il faut placer en SSH dans /Library/Themes, qui contient des images, des dossiers portant des noms très spécifiques.
Par exemple, le thème Chrome Pro se compose comme ceci :
Voici donc tous les noms de dossiers/fichiers qu’il vous faut connaitre pour customizer au maximum votre appareil ;) (Attention : Tous les noms donnés doivent être minutieusement copier. Il faut respecter Majuscule et Minuscule ! )
- Tous d’abord les images à ajouter directement dans le dossier « Votre Thème » (à la racine ) :
– Un fond d’écran qui se trouvera sur votre SpringBoard (derrière les icônes si vous préférez). Il s’agira d’une image de taille : 320×480 pixels. Il vous faudra lui donner ce nom « Wallpaper » au format PNG uniquement. Votre Wallpaper peut aussi être une vidéo qui tournera en boucle. Il suffit de mettre une vidéo au format MPEG-4 et de l’appeler « Wallpaper »
– Un fond d’écran sur votre lockscreen. Il s’agira d’une image de 320×480 pixels qui se nommera « LockBackground » au format PNG uniquement.
– Un dock. Il s’agira d’une image de taille 320×91 px (par défaut) qui se nommera « dock » au format PNG.
- Le Dossier icons
Il s’agit d’un dossier à créer directement à la racine de votre thème. Il vous permettra de customizer les icônes du SpringBoard.
Dans se dossier, vous y mettrez des icones de taille 59×60 pixels (par défaut). Vous les nommerez par exemple comme ceci : « Winterboard » pour remplacer l’icone par défaut de Winterboard, « AppStore » pour modifier l’icône de l’AppStore etc ..
- Le Dossier UIimages
Dans ce dossier il y a beaucoup de choses à mettre. Nous ne mettrons que les principaux ;-)
Pour l’icone de la batterie chargée à 100 %, nommez l’image comme ceci : Black_BatteryCharged.png -> Correspond à l’icône de la batterie sur la SpringBoard
Pour l’icone de la batterie chargée à 100 %, nommez l’image comme ceci : Silver_BatteryCharged.png -> Correspond à l’icône de la batterie dans une application
Pour l’icone de la batterie en chargement, nommez l’image comme ceci : Black_BatteryCharging.png
Pour l’icone de la batterie en chargement, nommez l’image comme ceci : Silver_BatteryCharging.png
Pour l’icone de la batterie chargée à 0 %, nommez l’image comme ceci : Black_BatteryDrainingBG.png
Pour l’icone de la batterie chargée à 0 %, nommez l’image comme ceci : Silver_BatteryDrainingBG.png
Pour l’icone de la batterie chargée à 10 %, nommez l’image comme ceci : Black_BatteryDrainingInsidesLow.png
Pour l’icone de la batterie chargée à 10 %, nommez l’image comme ceci : Silver_BatteryDrainingInsidesLow.png
Pour modifier la couleur de l’intérieur de la batterie pendant le chargement, nommez l’image comme ceci : Black_BatteryDrainingInsides.png
Pour modifier la couleur de l’intérieur de la batterie pendant le chargement, nommez l’image comme ceci : Silver_BatteryDrainingInsides.png
L’icone % est à nommer comme ceci : Black_Percent_%.png -> icône sur la SpringBoard
L’icone % est à nommer comme ceci : Silver_Percent_%.png -> icône dans une application
L’icone 3G est à nommer comme ceci : Black_DataTypeUMTS.png -> Sur le LockScreen
L’icone 3G est à nommer comme ceci : Silver_DataTypeUMTS.png -> SpringBoard est dans une application
L’icone Blutooth est à nommer comme ceci : Black_Bluetooth.png -> Sur le LockScreen
L’icone Blutooth renommé là Silver_Bluetooth.png -> Sur la SpringBoard est dans une application
- Le Dossier Folders
Dans le dossier Folders, créez un dossier nommé « UIKit.framework ».
Placez tous ces éléments à l’intérieur du dossier UIKit.framework :
Pour modifier la statusbar :
Translucent_Base.png (dimension : 320×20 pixels) : Status bar du LockScreen
Black_Base.png (dimension : 320×20 pixels) : Status Bar du SpringBoard
Silver_Base.png (dimension : 320x20px) : Status Bar quand une application est lancée
Pour modifier les barres de wifi sur le SpringBoard :
Nommez votre image : Black_0_WifiBars pour l’image à afficher quand il n’y a pas de wifi
Nommez votre image : Black_1_WifiBars pour l’image à afficher quand il n’y a qu’une barre de wifi
Nommez votre image : Black_2_WifiBars pour l’image à afficher quand il n’y a que 2 barres de wifi
Nommez votre image : Black_3_WifiBars pour l’image à afficher quand il n’y a que 3 barres de wifi
Pour modifier les barres de wifi quand une application est ouverte :
Nommez votre image : Silver_0_WifiBars pour l’image à afficher quand il n’y a pas de wifi
Nommez votre image : Silver_1_WifiBars pour l’image à afficher quand il n’y a qu’une barre de wifi
Nommez votre image : Silver_2_WifiBars pour l’image à afficher quand il n’y a que 2 barres de wifi
Nommez votre image : Silver_3_WifiBars pour l’image à afficher quand il n’y a que 3 barres de wifi
Pour modifier les barres du signal Réseau sur le SpringBoard:
Nommez votre image : Black_0_Bars pour l’image à afficher quand il n’y a pas de réseau
Nommez votre image : Black_1_Bars pour l’image à afficher quand il n’y a qu’une barre de réseau
Nommez votre image : Black_2_Bars pour l’image à afficher quand il n’y a que 2 barres de réseau
Nommez votre image : Black_3_Bars pour l’image à afficher quand il n’y a que 3 barres de réseau
Nommez votre image : Black_4_Bars pour l’image à afficher quand il n’y a que 4 barres de réseau
Nommez votre image : Black_5_Bars pour l’image à afficher quand il n’y a que 5 barres de réseau
Pour modifier les barres du signal Réseau quand une application est ouverte:
Nommez votre image : Silver_0_Bars pour l’image à afficher quand il n’y a pas de réseau
Nommez votre image : Silver_1_Bars pour l’image à afficher quand il n’y a qu’une barre de réseau
Nommez votre image : Silver_2_Bars pour l’image à afficher quand il n’y a que 2 barres de réseau
Nommez votre image : Silver_3_Bars pour l’image à afficher quand il n’y a que 3 barres de réseau
Nommez votre image : Silver_4_Bars pour l’image à afficher quand il n’y a que 4 barres de réseau
Nommez votre image : Silver_5_Bars pour l’image à afficher quand il n’y a que 5 barres de réseau
- Le Dossier UIsound
Dans ce dossier vous y placerez les sons à modifier.
– Son de Verrouillage -> lock.caf (attention au format, il faut du .tiff ou du .caf)
– Son de Déverrouillage, -> unlock.caf (attention au format, il faut du .tiff ou du .caf)
– Son de l’alarme du calendrier -> alarm.caf (attention au format, il faut du .tiff ou du .caf)
– Son d’envoie d’un mai -> mail-sent.caf (attention au format, il faut du .tiff ou du .caf)
– Son de réception d’un mail -> new-mail .caf (attention au format, il faut du .tiff ou du .caf)
– Son de réception d’un sms, -> sms-receivedX.caf (X a remplacer par un chiffre de 1 à 6, par exemple le 1er sms que vous recevrez jouera le son de sms-received1.caf, le 2eme de sms-received2.caf etc ..)
– Son de l’envoie d’un sms -> SentMessage.caf (attention au format, il faut du .tiff ou du .caf)
– Son du clavier téléphonique -> dtmf-X.caf (X a remplacer de 0 a 9. Par exemple si vous mettez un son avec dtmf-1.caf, la touche 1 aura le son que vous aurez mi etc .. Pour la touche « # » nommez le son dtmf-pound.caf et pour la touche »* » nommez le son dtmf-star.caf)
Attention, pour que tout fonctionne il faut faire attention aux majuscules et aux accents.
Ce tutoriel devrait être mis à jour (ajout de quelques trucs), mais le principale y est ;-)
Merci à Lois pour les noms de fichiers
71 commentaires
Merci pour se tuto c trop fort
Super tuto, mais je vais poser une question qui n’a rien a voir avec le tuto.
Quelqu’un connaît la date de la KeyNote d’Apple ?
Merci pour ce tuto c’est du beau boulot. Est-ce que quelqu’un saurait comme mettre un fond d’écran sms avec l’ios4 ? Sa fait un moment que je cherche mais je ne trouve pas.J’ai essayer de modifier le fichier Default-smsanswer.png dans MobileSMS.app mais rien ne change.
Énorme moi qui en cherchait un depuis quelques jours, je suis servi !
Ouah je teste des ce soir merci lois et merci le blog !
Ouaaaaaa!quel boulot ! Bravo Lois,de toute beauté ce tuto.merci beaucoup
Génial
J’en cherche un depuis longtemps
Merci a lui et a votre site
Elle et célibataire jaispere
Merci pour ce tuto mais je précise qu’il ne fonctionne QUE pour les iPhone 3G/3GS sous iOs4 !!!
l’iPhone 4 ayant une meilleure qualité d’écran, les images doivent être de dimensions 2 fois plus grandes (120×120 pour une icone par exemple)
En plus de ça, elles doivent être placées dans le dossier Bundles\com.[nomdelediteur].[nomdelappli] (par exemple com.apple.MobilePhone pour l’icone téléphone) et être nommées en rajoutant @2x (par exemple icon@2x.png)
merci
magicgg91
Merci, merci et merci. Tuto exceptionnel pour blog exceptionnel ! Rien a ajouter *s’en va créer son thème* :D :D :D
Excellent merci beaucoup :)
Même si je connais déjà tout ça je dois avouer que le tuto est très réussi et va en aider plus d’un .
Au passage , je n’ai jamais réussi à comprendre pourquoi certaine icônes ( dont : « téléphone », « plans » etc), bien que présente dans mon fichier « icon » ne se changent pas au respring de winterboard .
J’ai pourtant essayer de changer la langue des fichier en questions , mais la mon logiciel de connexion ssh ne veux pas renommer le fichier..
Le seul moyen pour l’instant que j’ai trouvé est de changer l’icône directement dans le dossier de l’application elle même . Elles ne font donc plus partis du dossier thèmes .
Suis-je le seul dans ce cas ? Et j’esper mettre bien expliqué.
Au passage .. Je n’ai ni carte wifi , et mon ordinateur tourne sous windoWs 64bits, impossible donc d’utiliser iPhoneaccess pour transférer mes fichiers.
Vraiment super tuto. Mais pour les icones, il n’y à pas une histoire de devoir mettre « @2x » juste avant le « .png » ?
J’ai cru voir ça pour que justement ça fonctionne sur ios4.
Je vais essayer et on verra bien.
Encore super tuto
MERCI !
Merci tout le monde :D
Belle présentation du tuto Loris ^^
Génial ce tuto!merciii
Il aurait été encore plus complet avec les différents logiciels, qui permettent d’accéder à l’iPhone, que cela soit sur PC ou Mac!:D
Terrible depuis le iPhone 1 je cherchais un tuto comme celui la je suis ravi de le trouvé ici merci pour le partage
Balaise le gars ! Je dis « respect » et vais m’empresser de tester cela dès ce soir ! @all : pourquoi ne pas faire une section « thèmes » et mettre nos thèmes en commun ?
@ alex,
utilise iphone folders ;)
cooool j’adore et j’adhère.. je m’empresse de tester ca.. cependant j’ai une pitite question.. peut-on créer un « theme » avec juste une icone pour ne changer que cette derniere [?][?][?]
Par exemple.. si on prend le theme de base et que l’on souhaite changer l’icone YouTube, on créer un theme contenant l’icone que l’on veut et c’est tout.. cela fonctionnera [?]
merkii d’avance à celui ((ceux)) qui me répondra ((-ont))
@_AleXxXander : Tu peux faire un dossier « YoutubeIcon ». Dedans tu fais un dossier « icons » et tu mets juste l’icône de youtube ça suffit ;-)
moderation preview –‘ maiiis euuh…
Help me please !!! Thème terminé, je lance winterboard, sélectionne le thème qui apparait sous le bon nom, fait un respring, et là… rien :( Aucune modification, c’est comme si je n’avais rien fait ! Je suis sur un 3GS ios4.0.1 jailbreaké via jailbreakme, suis je le seul ? Aidez moi svp
cool merki de ta réponse expresse loris ^^
@lancelot
Dit t’est image sont bien au format .png ?
Si oui a tu bien mi les majuscules et accents aux dossiers et aux images ?
@Lancelot : Tu es sous Windows ou Mac ? Dans certains cas faut faire un « chmod -R 755 mon-theme » sur le thème si tu es sous Mac, via le terminal
Je suis sous Mac OSX snow leopard, mes images sont bien en PNG et j’ai respecté les écritures de chaque fichier et dossier. Merci du conseil Loris mais ce que tu me dit n’a pas beaucoup de sens pour moi ^^ Tu n’aurais pas un petit tuto stp ?
Merci beaucoup ça va mettre bien utile! [+1]
[iPh] [+1]
Please Loris1634, un petit tuto ou une petite explication :’-( Depuis la crétion de mon theme impossible de faire quoi que ce soit en SSH…
@lancelot : Il se passe quoi ?
Bonjour et merci.
J’aurai une petite question: avec l’ios3 on pouvait mettre un fond d’écran différent à chaque page de springboard, il me semble qu’avec l’ios4 ce n’est plus possible :(
Vous confirmez ?
Salut j ai créer un thème très simple avec seulement icônes et fond d’ ecran que j ai appelé » mon thème », je l ai bien placé dans privat var stask thème Ensuite je le vois bien dans winterboard et je le coche… Mais après respring rien n a changer. Pourtant il apparaît bien dans winter. Mes fond d’ ecran s appel bien Page0.png ainsi de suite et dans mon dossier icons j ai bien respecter l eciture.png…. Comprend pas et un peu dégouté. Qqun a t il une petite explication svp merci. Au fait 3GS ios4
@jaja tu tombe a pique j ai créer 3fond d’ ecran et ça marche pas. Qqun pour aider?? Merci
J’ai cherché mais je ne pense pas que l’on puisse mettre plusieurs wallpaper donc n’en faite qu’un pour le moment et pour ceux qui n’arrivent pas a faire apparaitre les icones ou autre envoyer moi votre theme a loisdu79330@gmail.com
Je verrais se qui cloche ^^
je trouve pas le logiciel com.apple.telephonyUI
es-que quelqu’un peu m’aide svp merci
@rol_25 pour modifier le fond d’ ecran des SMS tu doit nomme ton image SMSBackground en respectant les majuscules et les minuscules
@loisdu79 ok email envoyé merci si tu repond
@Loris1634: Ben il ne se passe rien ! Tout ce que je fais en ssh (tout est en rapport avec winterboard) n’abouti a rien. Les themes apparaissent dans winterboard mais n’apporte aucune modification, que ce soit apres respring ou reboot de la machine
@Lancelot : Et le dossier n’est pas vide par hasard ? C’est possible que yai des problèmes de transfert ;-)
Sinon, si il s’agit d’un dossier, rajoute .theme derrière ;)
Merci, mais les fichiers sont bien dans le dossier et j’ai mis « .theme » des le depart. Je vais tenter en l’enlevant. Est ce que le probleme peut venir du fait que la connexion SSH se fasse par WiFi et non par USB ?
@Loris1634: Non, apparament les fichiers sont bien presents dans le dossier, auquel j’ai dès le départ ajouté l’extension « .theme » Je vais essayer sans
Je suis désolé pour tous ceux qui ont un iphone4 mais a se que j’ai compris le tuto n’est pas compatible pour l’iphone4.J’essayerais de faire un tuto de winterboard pour iphone4.
super moi qui cherchais un theme sur l’ Olympyque Lyonnais je vais le créer moi meme … pourquoi ne pas organiser un concours …sa serai cool…
Pour les icone du springboard voila se que j’ai trouvé pour l’iphone4
XXX.theme / Folders / XXX.app / icon@2x.png (format 128×128)
par exemple l’icone pour réglage:
Votre_theme.theme / Folders / Preferences.app / icon@2x.png (format 128×128)
Pour les icones pour iphone3g et 3gs qui ne veulent pas changer comme réglages et d’autre mettez les icone dans
XXX.theme / Folders / XXX.app / icon.png
par exemple l’icone pour réglage:
Votre_theme.theme / Folders / Preferences.app / icon.png (format 60X60)
les dimensions de l’icone wifi de la lockscreen sont de13x13px et parreil pour l’icone batterie de la lockscreen, mettez les en 19x16px
faite attention si des fois les images sont trop grandes, elles finissent par déborder du springboard et on ne les voies plus ^^
(la prochaine mise a jour du tuto sera le rajout de toutes les longueurs par defaut ^^)
salut a tous
en fait g un petit souci si quelqu’un peu m’aider sa serai sympa de sa part
alors en faite je voulais changer la couleur de la statusbar ds les application tout ce passe bien marche parfaitement et la je tombe sur un pti souci la couleur de l’ecriture qui dans la statutsbar est rester dorrigine du gris foncer ce qui normale mais le souci c ke g mis une statusbar transparante et mon wallpapers et noir donc le resulta je voix plus rien presque ni le non de mon reseaux ni le % de la batteie ni le date et l’heure et alors je voulais savoir si quelqu’un savais comment faire pour changer la couleur de l’ecriture sa serai vraiment genial merci beaucoup d’avanceeeee
3Gs 4.0.1 merciii
Un probleme de theme je ne suis pas tres bon en graphisme ni en html quoi que ^^
si vous avez des questions :
peterthief at gmail dot com
Et molo sur les mails SVP ( ne boomez pas ma boite ^^)
Bon je m y suis remis des ce matin et toujours pas de theme personaliser …suis deg.J ai pourtant redimensionné mes petit icones en 58×58,j ai abandoné l idée de mettre 1 wallpaper differents par pages. et sa marche tjs pas.Le chemin est bien private var stash theme? la difference c est que moi c est ecrit theme.1d6klz apres avoir cliqué dans stash .Je tien a dire que mon theme que j ai nommé « Mon theme.theme » apparait bien dans winterboard. ps iphone 3gs ios4
@jp : Tu es sous Mac ou Windows ?
@Loris1634 ???marche pas snif snif
Dites moi les icones que vous modifier et faite moi voir comment vous l’ecriver (avec majuscules et accents)
@LORIS1634 et Lois je suis sous windows je modifie :
App Store.png ,Mail.png,Message.png,ipod.png,Photos.png,Notes.png
mais petite nouveauté j ai reussi a les placé dan le theme SAURIK et ils sont apparu sur le springboard mallheureusement les icones que je possede sont sur fond blanc et sur le springbord ils aparaissent donc avec fond blanc = trés moche merci de vos reponse les gars
@jp : Pour les icônes faut les trouver sur le WEB ou les faire toi même ;)
@LORIS1634
@Lois
Mon but est tout de meme de creer un theme
je desinstale donc winter board et le reeinstale et repart a zero.
Auriez vous un petit pack d icones mac leopard au format iphone tout pres ?;car les miens etait tous sur fond blanc.
@Loris1634 ca y est j avance un peu par contre on ne peut pas faire un fond d ecran par page sur le springboard (ios4) mais j ai trouvé qqlques icone pas mal ,mais je n arrive pas a changer pour météo et téléphone peut etre du au accent ? que faut il mettre?merci
:)
@jp : Essayes en mettant weather.png ;-)
@DjaZAri
Merci pour ta reponse =)
Serait-il possible d’intégrer au tuto les noms des applications originales car je n’arrive pas à modifier les icones de l’appareil photo des réglages et quelques autres …
@Loris1634
Je comprend pas ,j ai installer un theme au hasard sur cydia et tous les icones changent sauf ceux ou il y a des accents dessu ….Météo…réglages…Téléphone… et ce sont qui ne veulent pas se modifier non plus dans mon theme.J ai essayé de les rentrer dans mon theme sans les accents,avec les accents ,en anglais …mais rien n y fait je comprend pas:( ce qui fait qu ils n y a que qqlques icones de modifié et ca fait moche (ipod safari notes etc…)tous ceux ou il n y a pas d accent!!
QQun a t il une solution ??
merci
Pour les thèmes iPhone 4 il ya un fichier a rajouter si je me trompe pas il s appelle QuickTime préférences ça ressemble a un fichier plist récupérable sur n importe quelle thème iPhone par exemple grey HD !!
@Jp et tous….attention, certains softs de transfert ssh gèrent très mal les accents. Si vous rencontrez des problèmes pour certains icônes, il faut essayer avec un autre soft.
Pour info, normalement, le nom de l icône doit être orthographié exactement de la même manière qu il apparaît sur le springboard.
3Gs os 4.01
J ai un probleme avec Default_AlarmClock.png et FSO_AlarmClock.png
je n arrive pas a changer l icone ; j ai essayer
1 de les ajouter dans un theme dans un reperoire : UIImages
ou et repertoire : com.apple.springboard
2 j ai modifier directement les fichier dans core services /com.apple.springboard
RIEN N Y FAIT
Quelqu un a une idee geniale ?? histoire de me calmer les nerfs……
Merci
Petit ajout concernant l icone « silence de la sonnerie : Default_NSILENT.png et FSO_NSILENT.png marche pas non plus apres les meme test
bonjour, j’ai suivi votre tuto a la lettre en m’arrêttant au dossier icons car je voulait juste changé les icones et le fond du springboard mais après avoir installé mon theme par ssh comme dans le tuto les icones n’ont pas changé. Le lockScreen a changé ainsi que le fond du springboard.J’ai testé ce tuto sur un ipod touch 2g en version 4.0. Help
@jp Pour les accents, pour Réglages, Téléphone et Météo tu n’a qu’a les modifier via iFile dans le dossier icones de ton theme et tout rentrera dans lordre ;)
salut chato jessais de changer le nom avec ifil et il ne veux pas le changer.?????
Bonjour, j’ai six icônes (plans,calculette,dictaphone,horloge,bourse, et météo) qui ne veulent pas changer dans n’importe quel theme. Est-ce que c’est normale?
@ÉpiDose
Le mieu maintenent serais de poster vos problemes ou questions sur le topic du forum car je ne suis pas sur qu’on te répondre rapidement ici ^^ (vu que maintenent la new a été publié il y a un petit bout de temps).
Pour ton probleme j’ai mi l’astuce sur le forum qui est la meme a se que je vien de voir xD que celle de ChAtO
@Lois
merci jai résolu mon problème. ;-)
Comment changer l’heure en ios4 avec info.plist merci
Bonjour
Avez-vous trouvé un moyen d’avoir un fond d’ écran par page?
Je chercher, je cherche et toujours pas trouvé!!!