L'article

Tutoriel – Comment créer un thème Winterboard pour l’iOS 4

août
17
Loris Campanile Cydia, Tutoriaux

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 :

chrome Tutoriel   Comment créer un thème Winterboard pour liOS 4

chrome2 500x346 Tutoriel   Comment créer un thème Winterboard pour liOS 4

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 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 . Il s’agira d’une image de taille 320×91 px (par défaut)  qui se nommera « » 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 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

18 061 lectures

Articles Relatifs


71 Commentaires!

  • Merci pour se tuto c trop fort

    Thumb up 0

  • 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 ?

    Thumb up 0

  • 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.

    Thumb up 0

  • Énorme moi qui en cherchait un depuis quelques jours, je suis servi !

    Thumb up 0

  • Ouah je teste des ce soir merci lois et merci le blog !

    Thumb up 0

  • Ouaaaaaa!quel boulot ! Bravo Lois,de toute beauté ce tuto.merci beaucoup

    Thumb up 0

  • Génial
    J’en cherche un depuis longtemps
    Merci a lui et a votre site

    Thumb up 0

  • Elle et célibataire jaispere

    Thumb up 0

  • 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

    Thumb up 0

  • Merci, merci et merci. Tuto exceptionnel pour blog exceptionnel ! Rien a ajouter *s’en va créer son thème* :D :D :D

    Thumb up 0

Répondre

Suivez-nous sur Facebook

Suivez-nous sur Twitter