[Apple] Résumé complet de la Keynote du 1er septembre
[Apple] Commentez la Keynote ! [Concours] A GAGNER : Des skins pour votre iphone avec Butterfly Style
Salut,
Je vais essayer de faire un joli tuto pour créer puis installer un thème sur iphone via winterboard
ce dont vous avez besoin:
- un iphone jailbreaké
-winscip (windows) ou fugu (mac)
-winterboard installer sur l'iphone
-des bras et une téte...
-vous pouvez récuperer des wallpaper ICIet ICI
-et récuperer des icones ICIet ICI
Votre thème doit être mis dans un dossier portant le nom que vous aurez choisi de lui attribuer (pour le tuto le thème sera dans un dossier nommé (ZE theme).
On va se contenter de créer un thème simple pour l'instant (wallpaper, icônes et dock) sachant que vous pouvez le personnaliser davantage. Je vous laisserai l'explication sur la plupart des fichiers composant un thème plus bas.
On se lance :
1- créer un dossier sur votre PC, mac (qui sera le dossier de votre thème) nommez le comme vous voulez.
2- dans ce dossier, vous devez y déposer: - Un fond d’écran nommé “Wallpaper.png” (320×480) (pour installer plusieurs pages on peut ne pas les nommés Wallpaper mais Page0.png ,Page1.png ...
- Un dock nommé “Dock.png”(320+91)
- Une barre de status nommée “StatusBar.png”(320+20)
- Un dossier contenant toutes vos icônes nommé “Icons”
- Vous pouvez aussi mettre un fond d’écran SMS. Nommez votre image SMSBackground.png (320×480)
Voila se que sa dois donner:(pour le tuto on a seulement mis (un dock, les icônes,et 3 pages de wallpaper)
Dans le dossier icons vous devez y déposer toutes les icônes de vos applications. Renommez les exactement pareil ex: BoosPrefs= BoosPrefs.png (attention au majuscules, minuscules, point,espace...)
voila votre thème est créé, il ne vous reste plus qu'à le déposer dans winterboard via SSH. Le chemin est : private...var.. stash...themes. Ensuite, appliquez le avec winterboard.
Bien sur, on peut pousser plus loin dans le custome en changeant d'autres choses..en ajoutant au thème des dossier (Folders)(Bundles)(UIImages)(UISounds)
Le Dossier “Bundles”
Le dossier Bundles doit être placé également dans le dossier votre thème ( ZE 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…

A l'interieur vous créez un autre dossier pour chaque application (nommé les "com.apple.+nom de l'application) ex pour AppStore:com.apple.AppStore

A l'interieure de ce dossier AppStore(pour garder l'exemple appstore) vous y deposerez toute vos images au format corréspondant

Le Dossier “Folders”
Le dossier Folders doit être placé dans le dossier de votre thème ( ZE 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/.framework
A l'interieure vous y crérez d'autre dossiers( ex MediaPlayer.framework pour les touche de l'écture ect (ipod,youtube)
A l'interieure de ce dossier(MediaPlayer.framework pour garder l'exemple) vous y déposerez toute vos images au format correspondant

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é !!

WinterBoard permet aussi de customiser les sons…. Pour cela, il vous suffit de créer un dossier nommé
“UISounds” copier à l’intérieur les sons que l’on veut voir changer. ( placer ce dossier dans votre dossier ZE Thème)
Les sons que vous pouvez changer se trouvent dans /system/Library/Audio/UISounds.
Par exemple, si je veux modifier les sons de mon alarme je place donc mon son dans le dossier UISounds puis je le nomme "alarm.caf"
[img align=c]http://images.forum-iphone.fr/forum-iphone-fr-3g-726_xl.png Ajouter une nouvelle photo[/img]
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.
Explications des différents fichiers, à quoi ils correspondent et leur format :
- 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).
- Default_0_AirPort.png de 0 à 3 : images du Wifi dans la status bar. 20x20
- Default_0_Bars.png de 0 à 5 : images dans la status bar pour le réseau. 19x20
- Default_AlarmClock.png : image dans la status bar pour indiquer qu’une alarme est mise. 12x20
- Default_BatteryBG.png : image de la mini batterie dans la status bar. 21x20
- Default_BatteryCharged.png : image de la mini batterie chargée totalement dans la status bar... 21x20
- Default_BatteryCharging.png : image de la mini batterie en train de charger dans la status bar... 21x20
- Default_BatteryInsides.png : image du remplissage de la mini batterie. 3x8
- Default_BG.png : image de la status bar dans la plupart des applications (sauf celles qui ont FSO_BG et FST_BG… Voir ci-dessous). 320x20
- 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
Voili,voilou j'espere avoir été clair! 
[Edité par Obiwan : tuto qui servira à beaucoup je pense... Bravo
. Je me suis tout de même permis de faire quelques petites modifications. J'attends maintenant l'avis d'un modérateur général pour déplacer. Merci Zegreg]
[Edité par Tennalizthia: c'est fait.
]
Super tuto, ce serai bien qu'un modo le deplace dans la section Tutoriel ...
Salut,
je vous rajouterais les screeshot des dossiers (bundles,uiisound,folders,uiimages) ce soir a mon retour du boulo...
Très intéressant, merci Zegreg 
Bonjour,
Petite question... Pour regarder à droite à gauche comment cela fonctionne, quelle est la taille des icones sur le springboard...?
Plusieurs choix de taille en téléchargement possible (32x32 / 48x48 / 64x64 / 128x128 / 256x256), je ne sais laquelle prendre.
Merci de vos réponses !
Bien à vous.
@ toi de voir ce qui correspond le mieux avec ton thème... Aux allentours de 60x60 ça me paraît pas mal... De toute façon, tu peux les redimensionner à ta guise avec un logiciel spécifique (je n'ai pas le nom en tête)...
@+
obiwankenobi15 a écrit:
@ toi de voir ce qui correspond le mieux avec ton thème... Aux allentours de 60x60 ça me paraît pas mal... De toute façon, tu peux les redimensionner à ta guise avec un logiciel spécifique (je n'ai pas le nom en tête)...
@+
Exemple " GIMP " en téléchargement libre ici
OK merci bien, super tuto, dès que je récupère une connexion wifi qui fonctionne (merci qui...??? Merci Free !!) je m'y mets tranquillement !
je lai completer avec tout les screeshots voila il est plus détailler a présent enjoy! 
si vous avez des question nésitez pas ont a de super MODO sur FIP pret a repondre a toute vos questions!
Trés bon tuto, facile et rapide!
Merci.
Mais moi, je n'arrive pas a changé l'icone "Météo".
J'ai fais plusieurs themes et ca ne marche pas!
Pourtout j'ecris bien comme il faut!
HElp!
Ecege a écrit:
Trés bon tuto, facile et rapide!
Merci.
Mais moi, je n'arrive pas a changé l'icone "Météo".
J'ai fais plusieurs themes et ca ne marche pas!
Pourtout j'ecris bien comme il faut!
HElp!
Jveux pas dire de bétises ...
Mais essaie avec Weather.png
c'est comme pour l'icone "Plans" faut marquer "Maps"
zadig a écrit:
Ecege a écrit:
Trés bon tuto, facile et rapide!
Merci.
Mais moi, je n'arrive pas a changé l'icone "Météo".
J'ai fais plusieurs themes et ca ne marche pas!
Pourtout j'ecris bien comme il faut!
HElp!Jveux pas dire de bétises ...
Mais essaie avec Weather.png
c'est comme pour l'icone "Plans" faut marquer "Maps"
C'est bon ca marche!
Merci!
bONJOUR
Moi c "réglages" que j'arrive pas a changer sinon super tuto !!
Pour réglages, met " settings "
Ça marche c'est bon merci.....
Salut a tous
je suis en train de créer mon propre thème et je voudrais savoir si pour bottombarbkgndlock.png, l'image doit forcement faire 79x96 ? on peut pas mettre une image de 300x96 ?
et l'image Statusbar.png faut la mettre ou s'il vous plait ?
Bonjour,
Super tuto je vais essayer de m'y atteler
un pti theme spéciale OM bien entendu
Encore merci
Bonjour ce tuto fonctionne t-il sur les 3gs?
Cordialement
David
Je n'ai que le 3G mais je pense tout de même que oui...
Il y a peut être deux ou trois petites choses qui ont changé comme le nom de l'appli sms...
Mais dans l'ensemble, ça doit le faire puisque ça passe par winterboard 
Salut ou je peux trouve des docks ?