[TUTO] Créer un thème Winterboard en 4.0

Si certains ce sont lancés dans la création de thèmes pour firmware 4.0, ils ont dût rencontrer quelques difficultés à remplacer certains icônes. En effet le firmware 4.0 apporte sa dose de nouveauté notamment le changement de nom de certaines images et les nouvelles images apportés par cette mise à jour.

Ici je vais expliquer les bases de la création d'un thème pour Winterboard.

Ce qu'il faut :
- un logiciel de connexion SSH, Winscip ou filezilla (pour PC) ou Fugu (pour Max)
- Winterboard installé sur l'iTouch (disponible sur Cydia)
- Un tête pour se dépatouiller parmi toutes ces consignes
- Un tas d'image en .png



* Pour commencer il faut trouver un nom au thème car ce nom sera celui du dossier qui contiendra tout le reste du thème, prenons comme exemple "Test", il devra porter l'extension .theme. Créez donc un dossier sur votre ordinateur se nommant "Test.theme".
Vous placerez dans ce dossier :
- votre fond d'écran nommé "Wallpaper.png" (320*480), si vous désirez installez plusieurs pages nommez-les "Page0.png", "Page1.png", etc...
- votre dock nommé "Dock.png" (320*91)
- votre barre de status (la barre d'en haut, là ou y'a l'heure) nommé "StatusBar.png" (320*20)


* Ensuite il va falloir modifier les icônes, pour cela créez un dossier "Icons" dans le dossier principal (ici "Test.theme").
Placez ensuite vos nouveaux icônes dans ce dossier, ils devront porter le même nom que sur votre iPod, par exemple l'application Safari devra se nommer "Safari.png".
[Il va falloir respecter les majuscules, les minuscules et les espaces à la lettre, sans mauvais jeu de mot ]

Vous pourrez trouver de nombreux icônes Ici.
Un générateur d'icône (en anglais) là.
Si vous désirez créer vos icônes dans Photoshop avec un PSD, alors en voilà un de ma fabrication
Et si vous voulez créer vos icônes vous même sachez que les dimensions sont (60*59), bonne chance.

Voilà, vous venez de créer les bases de votre thème, et vous avez de quoi être fier !
Si vous désirez voir à quoi ressemble votre thème, vous n'avez plus qu'à le mettre en SSH dans le dossier /private/var/stash/Themes.XXXXXX et d'ensuite l'activer dans Winterboard.

D'autre dossier peuvent s'ajouter à se thème (Folder)(Bundles)(UIImages)(UISounds).


* Le dossier "Bundles"
Le dossier "Bundles" doit être créé et placé dans le dossier "Test.theme", il permet par exemple de changer les images contenues dans System/Library/Coreservices/Springboard.app/ .
Le dossier "Bundles" contient la majorité des images que vous pouvez voir sur votre Springboard comme les barres Wifi, l'icône du Lock, en gros tout ce qui est dans la barre de statut ainsi que la batterie du LockScreen quand l'iPod est en charge.

A l'intérieur de ce dossier vous pouvez créer un dossier pour chaque application que vous possédez (inutile si vous ne voulez pas modifier l'apparence interne des applications), il vous faudra les nommer ainsi : "com.apple.Safari" pour l'application Safari. La encore il faudra faire attention aux majuscules, minuscules et espaces !
[Ceci est pour les utilisateurs expérimentés, et ne marche pour les application ne rentrant pas dans le dossier "Folders", pour avoir le nom des images que vous voulez changer dans chaque application il vous faudra prendre l'application concernée en SSH et la mettre sur votre ordinateur]


* Le dossier "Folders"
Le dossier "Folders" doit lui aissi être placé dans le dossier principal (ici "Test.theme"). Il permet lui aussi de modifier ce qui se trouve à l'intérieur des applications se trouvant dans le répertoire /Applications/.framwork. Pour modifier ces images il faudra créer un dossier pour chaque application, ce dossier devra être précédé du nom de l'application et porter l'extension .framerwork, exemple : pour Safari le dossier sera Safari.framerwork.


* Le dossier "Ullmages"
Le dossier "Ullmages" permet de modifier les images se trouvant dans les fichers .artwork... Comme par exemple le fichier Other.artwork pour ceux qui connaissent. Ici pas besoin de créer de dossiers, toutes les images sont à mettre telles qu'elles, sous des noms spécifiques bien entendu .


*Le dossier "UISounds"
Le dossier "UISounds" est comme son nom l'indique là ou les sons contenus dans le dossier /system/Library/Audio/UISounds peuvent être changés. Ici les extensions changent car ce sont des sons et donc les fichiers porteront l'extension .caf.
[Cette partie vraiment difficile peut être facilement contournée car des pack de sons sont disponible gratuitement sur Cydia]


Voilà vous savez comment créer un thème, mais il vous faut maintenant créer les images de ce thème, en voici une partie, leur tailles, et à quoi elles correspondent :

- Dock.png : image du Dock, l'espèce de plateau sur lequel sont posées les icônes en bas du springboard (le springboard est l'écran principal, celui où se trouvent les icônes). 320x91
- Info.plist : fichier qui donne des ordres de couleur de police, taille, position, liens etc.
- LockBackground.png : image, fond d'écran du lockscreen (le lockscreen est l'écran quand l'iPod ou l'iphone, non branché, a l'écran verrouillé). 320x480
- StatusBar.png : image du petit bandeau tout en haut de l'écran. Présente sur le springboard, le lockscreen. Dans les applications, ce n'est pas cette image. 320x20
- Wallpaper.png : image, fond d'écran du springboard. 320x480
- BatteryBG_1.png à 17 : images de la batterie en charge qui s'affichent sur le lockscreen quand l'iPod branché a l'écran verrouillé. 264x129
Généralement Default = quand le fond est clair (blanc).
- FolderIconBG : Icon des dossier que vous créez. Taille = 59×62
- FolderDropBG : c'est l'image que vous voyez quand vous glissez un icone dans un dossier. Taille = 177×177
- FolderSwitcherBG : C'est l'image en arrière plan du dossier ouvert. Taille = 320×480
- IconDarkeningOverlay : C'est l'image utilisé pour l'ombre des icones quand ils sont touchés. Taille = 58×62
- SwitcherIconShadow : C'est l'image utilisé pour l'ombre d'un icone sur la dock multitask. Taille = 59×60
- WallpaperIconDockShadow et WallpaperIconDockShadowT : C'est l'ombre des icones de la dock.
- WallpaperIconShadow et WallpaperIconShadowT : Ces 2 images sont des ombres crées drrière les applications du springboard.
- FolderNotchHighlight, FolderShadowBottom, FolderShadowNotch, FolderShadowTop : images correspondant à un dossier ouvert et à son encoche.
- FolderTitleEditField : image du champ de saisie lorsque vous modifier le nom d'un dossier.
- MCNext, MCPause, MCPlay, MCPrev : Ce sont les images des commandes de l'iPod dans la dock multitask (multitâche).
- PlayT, PauseT, NextT, NextOffT, PrevT, PrevOffT : images en noir pour les commandes del' iPod mais on sait pas trop à quoi cela sert!
- RotationLockButton and RotationUnlockButton : Ce sont les images du bouton du verrouillage écran dans la dock multitask.
- Black_0_WifiBars.png de 0 à 3 : images du Wifi dans la status bar (noir). 20x20
- Silver_0_WifiBars.png de 0 à 3 : images du Wifi dans la status bar (gris). 20x20
- Black_0_Bars.png de 0 à 5 : images dans la status bar pour le réseau (noir). 19x20
- Silver_0_Bars.png de 0 à 5 : images dans la status bar pour le réseau (gris). 19x20
- Default_AlarmClock.png : image dans la status bar pour indiquer qu'une alarme est mise. 12x20
- Black_BatteryLowBG.png : image de la mini batterie dans la status bar. 21x20
- Black_BatteryCharged.png : image de la mini batterie chargée totalement dans la status bar... 21x20
- Black_BatterCharging.png : image de la mini batterie en train de charger dans la status bar... 21x20
- Black_BatteryInsides.png : image du remplissage de la mini batterie. 3x8
- Black_BatteryBG.png : image de la status bar dans la plupart des applications (sauf celles qui ont FSO_BG et FST_BG… Voir ci-dessous). 320x20
La batterie dans la status bar fonctionne sur le même principe que les barres de Wifi et du Réseau, remplacer Black par Silver pour modifier aussi le gris
- Default_BluetoothActive.png : image pour le Bluetooth dans la status bar. 11x20
- Default_CARRIER_IPOD.png : image dans la status bar complètement à gauche : nom « iPod ». 86x20
- Default_EDGE_ON.png et Default_GPRS_ON.png : images pour le Edge et le réseau GRPS allumé. 6x20 et 7x20
- Default_Play.png : image play quand vous écoutez la musique dans la status bar. 12x20
- DeviceLockKeypad.png et DeviceLockKeypadPressed.png : image du clavier de déverrouillage. 320x216
Généralement FSO = quand le fond est sombre.
- FSO_0_AirPort.png de 0 à 3 : images du Wifi dans la status bar. 20x20
- FSO_0_Bars.png de 0 à 5 : images dans la status bar pour le réseau. 19x20
- FSO_BatteryBG.png : image de la mini batterie dans la status bar. 21x20
- FSO_BatteryCharged.png : image de la mini batterie chargée totalement dans la status bar... 21x20
- FSO_BatteryCharging.png : image de la mini batterie en train de charger dans la status bar... 21x20
- FSO_BatteryInsides.png : image du remplissage de la mini batterie. 3x8
- FSO_BG.png : image de la status bar sur le springboard et les applications Bourse, Calculette, Météo, Notes. 320x20
- FSO_CARRIER_IPOD.png : image dans la status bar complètement à gauche : nom « iPod ». 86x20
- FSO_LockIcon.png : image du verrouillage activé sur la status bar du lockscreen. 10x20
- FSO_Play.png : image play quand vous écoutez la musique dans la status bar. 12x20
- FST_BG.png : image de la status bar sur le lockscreen, les applications Photos et MyMedia.
- SBBadgeBG.png : image du notificateur de mises à jour qui se place au dessus des icônes. 20x30
- SBDownloadProgressFill.png : image de la progression d'un téléchargement d'une app (ça s'affiche dans l'icône.).9x9
- SBLockScreenControlsLCD : image du bandeau noir/gris sous les boutons de musique du lockscreen. 1x156
- bottombarbkgndlock.png : image du rail sur lequel glisse le doigt pour déverrouiller 79x96
- bottombarknobgray.png : image qui va coulisser pour déverrouiller. 71x47
- bottombarknobgreen.png : image qui va coulisser pour décrocher le tél. 71x47
- bottombarknobred.png : image qui va coulisser pour éteindre. 71x47
- bottombarlocktextmask.png : image qui défile derrière les mots déverrouiller, éteindre… 80x32
- topbarbkgnd.png : image du rail sur lequel glisse le doigt pour éteindre. 79x96
- keypad.png et keypad_pressed.png : image du clavier de sécurité. 284x238


Voilà c'est finit, je vous souhaite un bon custom' à tous et pis ba bonne chance .

et ben très complet ce tuto !

fo juste retirer les .png a la fin il y a pas besoin d'extension