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








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