#1  28/05/2009 01:04:58

zegreg
Messages: 751

[Tuto] Créer et installer un thème iPhone

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)
http://images.forum-iphone.fr/forum-iphone-fr-3g-712_l.png

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...)
http://images.forum-iphone.fr/forum-iphone-fr-3g-711_l.png
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…

http://images.forum-iphone.fr/forum-iphone-fr-3g-721_xl.png

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
http://images.forum-iphone.fr/forum-iphone-fr-3g-722_xl.png

A l'interieure de ce dossier AppStore(pour garder l'exemple appstore) vous y deposerez toute vos images au format corréspondant
http://images.forum-iphone.fr/forum-iphone-fr-3g-723_xl.png

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
http://images.forum-iphone.fr/forum-iphone-fr-3g-724_xl.png


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é !!
http://images.forum-iphone.fr/forum-iphone-fr-3g-725_xl.png

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! Sticking Out Tongue


[Edité par Obiwan : tuto qui servira à beaucoup je pense... Bravo Wink. 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. Wink]

 

28/05/2009 01:04:58

Publicité




#2  28/05/2009 08:40:34

Takumashii
Messages: 1435

Re: [Tuto] Créer et installer un thème iPhone

Super tuto, ce serai bien qu'un modo le deplace dans la section Tutoriel ...

 

#3  28/05/2009 09:52:00

zegreg
Messages: 751

Re: [Tuto] Créer et installer un thème iPhone

Salut,
je vous rajouterais les screeshot des dossiers (bundles,uiisound,folders,uiimages) ce soir a mon retour du boulo...

 

#4  28/05/2009 10:21:42

Boards Of Canada
Messages: 1065

Re: [Tuto] Créer et installer un thème iPhone

Très intéressant, merci Zegreg Wink

 

#5  28/05/2009 11:22:59

patxico
Messages: 147

Re: [Tuto] Créer et installer un thème iPhone

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.

 

#6  28/05/2009 11:30:07

Obi-Wan
Messages: 16214

Re: [Tuto] Créer et installer un thème iPhone

@ 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)...
@+

 

#7  28/05/2009 12:01:44

Boards Of Canada
Messages: 1065

Re: [Tuto] Créer et installer un thème iPhone

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

 

#8  28/05/2009 18:23:16

patxico
Messages: 147

Re: [Tuto] Créer et installer un thème iPhone

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 !

 

#9  28/05/2009 18:54:38

zegreg
Messages: 751

Re: [Tuto] Créer et installer un thème iPhone

je lai completer avec tout les screeshots voila il est plus détailler a présent enjoy! Wink
si vous avez des question nésitez pas ont a de super MODO sur FIP pret a repondre a toute vos questions!

 

#10  28/06/2009 09:05:18

Ecege
Messages: 2549

Re: [Tuto] Créer et installer un thème iPhone

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!

 

#11  29/06/2009 15:38:29

zadig
Messages: 5

Re: [Tuto] Créer et installer un thème iPhone

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"

 

#12  29/06/2009 19:58:11

Ecege
Messages: 2549

Re: [Tuto] Créer et installer un thème iPhone

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!

 

#13  01/07/2009 10:11:07

curciake26
Messages: 75

Re: [Tuto] Créer et installer un thème iPhone

bONJOUR

Moi c "réglages" que j'arrive pas a changer sinon super tuto !!

 

#14  02/07/2009 14:16:12

iAlex77
Messages: 116

Re: [Tuto] Créer et installer un thème iPhone

Pour réglages, met " settings "

 

#15  03/07/2009 09:44:04

curciake26
Messages: 75

Re: [Tuto] Créer et installer un thème iPhone

Ça marche c'est bon merci.....

 

#16  04/07/2009 11:03:19

Haru
Messages: 429

Re: [Tuto] Créer et installer un thème iPhone

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 ?

 

#17  15/07/2009 20:42:37

Essic
Messages: 11

Re: [Tuto] Créer et installer un thème iPhone

Bonjour,

Super tuto je vais essayer de m'y atteler
un pti theme spéciale OM bien entendu


Encore merci

 

#18  18/07/2009 10:37:49

spacra
Messages: 21

Re: [Tuto] Créer et installer un thème iPhone

Bonjour ce tuto fonctionne t-il sur les 3gs?

Cordialement
David

 

#19  18/07/2009 11:13:39

Obi-Wan
Messages: 16214

Re: [Tuto] Créer et installer un thème iPhone

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 Wink

 

#20  22/07/2009 22:23:31

jcrhp
Messages: 39

Re: [Tuto] Créer et installer un thème iPhone

Salut ou je peux trouve des docks ?

 

Pied de page des forums

Propulsé par FluxBB