[MAJ 28.08.08 - 12h12]Bonjour, voici un tuto que je vais compléter au fur et à mesure...En effet, WinterBoard est tellement puissant qu'on ne peut pas faire un tuto en 30 secondes....
Alors, nous y voilà...WinterBoard est le remplacant de SummerBoard à partir du firmware 2.0...Il permet de Customiser son iphone avec des themes (wallpaper + icones + autres)
Voilà comment se présente le logiciel :
Chaque ligne correspond à un theme. On peut activer un ou plusieurs themes simplement en cliquant sur le/les theme(s) désiré(s)...
La priorité s'effectue de haut en bas...Je m'explique : Le theme coché qui se trouve le plus haut sera prioritaire, ensuite celui du dessous...Plus simplement WinterBoard va appliquer le theme n°1 (Wallpaper + icones) et ensuite, si le theme n°1 ne dispose pas de certaines icones, il appliquera les icones du themes n°2 et ainsi de suite....
Au départ, on dispose des themes (qui sont, je trouve, plus des options) suivant :
-
Transparent Icon Labels ----> Sert à faire disparaitre le nom sous les icones
(incompatible avec la présence d'un fichier Info.plist)
exemple :
-
Black Navigation Bar ----> Sert à faire un bandeau noir dans la barre de navigation
Exemple :
Avant : Après
-
User Wallpaper ----> Sert à mettre son fond d'ecran sur le theme selectionné (ne fonctionne pas dans le cas d'un Wallpaper.html ou d'un Wallpaper.mp4)
Où se situent les themes ?- Soit dans /Library/Themes
- Soit dans /private/var/mobile/SummerBoard/Themes
- Soit dans /private/var/stash/Themes.Jip3ig
/Themes.5SU2BF
etc..
Comment se compose un thème ?Chaque thème doit être contenu dans un dossier portant le nom du thème (Par exemple : Squig)
Au niveau de l'architecture, il y a ensuite plusieurs possibilités :
1) Comme SummerBoard, on peut avoir l'architecture suivante :- un fichier Wallpaper.png
- un fichier Dock.png
- un fichier StatusBar.png
- un dossier "Icons" qui contient toutes les icones des programme que l'on veut customiser
Le nom des icones doit être le nom anglais : par exemple : Calendar pour Calendrier, Weather pour Météo.....Cela résoud le fastidieu probleme des accents.... ;-)
On peut très bien créer un theme sans l'un de ces éléments...Si on ne met pas de fichier Wallpaper.png par exemple, il n'y aura tout simplement pas de fond d'ecran.
2) Les Nouveautés :Le fichier "Info.plist" :On peut ajouter à la racine de son theme un fichier nommé info.plist qui reprend les caractéristiques des textes sous les icones et de la StatudBar :
Voici un exemple de fichier info.plist ou je vais mettre le texte des icones du Dock en jaune (téléchargeable
ICI ) :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0"><dict>
<!--key>StatusBarMode</key>
<string>0</string>
<key>StatusBarContentsMode</key>
<string>0</string-->
<key>UndockedIconLabelStyle</key>
<string>/*font-family: monospace; font-size: 13px;*/ color: white</string>
<key>DockedIconLabelStyle</key>
<string>/*font-family: monospace; font-size: 13px;*/ color: yellow</string>
<key>TimeStyle</key>
<string>/*font-family: monospace; font-size: 16px*/</string>
<!--key>ComposeStoreIcons</key>
<false/-->
</dict></plist>
On obtient alors ceci :
Pour les formats de texte,
il faut supprimer les "/*" et "*/" et mettre ce que l'on veut en séparant par des ";" :
pour la taille :
font-size: 13px ***on remplace 13 par ce que l'on veut***
pour l'épaisseur :
font-weight: bold ***Perso, je vois pas trop la différence***
pour la couleur :
color: white ***on remplace white par la couleur que l'on veut (en anglais)***
A noter qu'on peut également ecrire la couleur directement en hexadécimal, on remplace alors le "yellow" de tout à l'heure par fcff00)
(On trouve sur ce site les couleurs disponibles :
http://www.w3schools.com/HTML/html_colornames.asp )
Le dossier "Bundles" :Le dossier "Bundles" permet d'aller plus loin très facilement dans la customisation....Le dossier "Bundles" contient d'autres dossiers qui permettent la customisation, par exemple :
le dossier "Bundles" peut contenir :
- un dossier nommé "com.apple.springboard"
Dans ce dossier on va copier les images qui remplacent celles présentes dans le dossier /system/Library/Coreservices/Springboard.app
Par exemple, si on veut changer l'apparence de la batterie, on va copier des images nommées BatteryBG_1.png à BatteryBG_17.png dans ce dossier....ceci est valable pour
toutes les images se trouvant dans /system/Library/Coreservices/Springboard.app.
- De la même façon, on peut créer un dossier nommé "com.apple.TelephonyUI"
Ce dossier va contenir toutes les images qui remplacent celles présentes dans /System/Library/PrivateFrameworks/TelephonyUI.framework
Par exemple, on peut changer le Slider du lockscreen en copiant son slider, nommé "bottombarknobgray.png" dans ce dossier.
-
Pour Changer Le logo opérateur (une forte demande j'en suis sur), il suffit de créer un dossier nommé "com.apple.Orange_France" (si vous êtes chez orange) et de coller à l'interieur les fichiers Default_CARRIER_Orange F.png et FSO_CARRIER_Orange F.png comme dans l'exemple ci dessous :
Ce qui donne :
- etc....
Le fichier "Wallpaper.html" (avec le dossier "Private"):Dans WinterBoard, il y a Maintenant la possibilité d'avoir des fond qui changent automatiquement....(comme un slideshow)
Pour cela, il suffit de créer un dossier nommé Wallpaper.html à la racine du theme qui va s'occuper de la rotation des images.
Pour avoir une rotation de 3 Wallpaper, par exemple, il suffit d'utiliser le Wallpaper.html suivant : (récupérable
ICI )
et de copier ses Wallpaper (nommés Wallpaper1.png, Wallpaper2.png et Wallpaper3.png) dans un dossier "Private" créer à la racine du thème :
</head><body style="color: black">
<img src="Wallpaper1.png" id="wall1"/>
<img src="Wallpaper2.png" id="wall2"/>
<img src="Wallpaper3.png" id="wall3"/>
<script>
var fade_in = wall1;
var fade_to = wall2;
var fade_out = wall3;
var fade = function () {
fade_in.className = 'fade-out';
fade_to.className = 'fade-out';
fade_out.className = 'fade-in';
var fade_tmp = fade_in;
fade_in = fade_to;
fade_to = fade_out;
fade_out = fade_tmp;
setTimeout(fade, 15000);
};
fade();
</script>
</body></html>
NB : De plus, vous pouvez changer le temps entre 2 Wallpaper en changeant le temps par defaut (15000) qui représente 15 secondes par ce que vous voulez...
Pour ceux qui veulent faire chagner à la fois le Wallpaper et le Dock, allez voir ici :
http://forum.frenchiphone.com/index.php/topic,23637.msg310011.html#msg310011Le fichier "Wallpaper.mp4" : Les VidéosIl y a maintenant la possibilité avec WinterBoard de mettre une vidéo en fond d'écran.
Pour cela, rien de plus simple, il suffit de copier sa vidéo aux bonnes dimensions (320x480 maxi) à la racine de son theme en la nommant "
Wallpaper.mp4" (le mp4 de l'extension doit obligatoirement être en minuscules)
Attention, si vous avez un fichier html et un fichier mp4, le fichier mp4 ne sera pas pris en compte.
NB : Le programme ne gère pas encore les boucles de façon parfaite....A voir lors d'une prochaine mise à jour...
Le dossier "Folders" : -----> merci à ss1403 WinterBoard permet aussi de modifier les images qui se trouvent dans les Applications. Un bon exemple est l'application Météo (Weather.app) qui peut être customisée en modifiant toutes les images contenues dans /Applications/Weather.app.
Pour customiser de façon simple avec WinterBoard,
il suffit de créer un dossier nommé "Folders" à la racine de son thème.
Dans ce dossier, on crée un nouveau dossier portant le nom de l'application (dans l'exemple "Weather.app") et on copie à l'interieur toutes les images modifiées en gadant, bien sûr, le nom d'origine de l'image.Cela fonctionne pour toute les applications qui ce trouve dans /Applications
Voici les copie d'ecrans de l'exmple :
Et le résultat :
Le dossier "UIImages" :Le dossier "UIImages" quant à lui est une véritable tuerie.....Il permet de customier des images se trouvant dans des fichiers artwork...Comme le fameux Other.artwork....
Et là, plus besoin d'extraction et de re-compilation...C'est presque magique....Il suffit de copier le fichier que l'on veut modifier dans le dossier "UIImages".
Les images modifiables sont disponibles
ICI ).
Il suffit de récuperer l'image qui vous interesse, la modifier et ensuite la copier, sans changer son nom dans le dossier "UIImages".
Par exemple, j'ai voulou modifié la petite croix pour annuler la saisie automatique d'un mot pour qu'elle soit rouge. J'ai donc modifié le fichier "kb-autocorrection-cancel.png" avec photoshop et ensuite j'ai copié mon image dans le dossier "UIImages"...C'est tout :
Et voilà le résultat :
Le dossier "UISounds" :WinterBoard peut désormais customiser également les sons....Pour cela, il suffit de créer un dossier nommé "UISounds" à la racine de son thème et de copier à l'interieur les sons que l'on veut voir changer....Les sons "customisables" sont ceux se trouvant dans /system/Library/Audio/UISounds.
Par exemple, si je veux modifier les sons de mon clavier téléphonique, je vais copier les fichiers dtmf-0.caf à dtmf-9.caf (+ les fichiers dtmf-pound.caf et dtmf-star.caf) que j'aurai modifié dans le dossier UISounds de mon theme.
Mise à jour du 12.08.08Il maintenant possible de customiser :
- Les WebClips (Raccourcis internet)
Il suffit de copier l'icone dans le dossier "Icons" comme pour toutes les autres icones
- Le fichier LockBackground.jpg (Image de l'ecran de déverrouillage)
il suffit de copier un fichier nommé LockBackground.png ou LockBackground.jpg à la racine de son theme...
Voilà la fin du tutorial pour l'instant....je met à jour suivant vos idées, remarques et évoluations du programme....
Merci aux membres ayant participé au post sur WinterBord ainsi qu'a Saurik (
http://www.saurik.com/id/9 )
