Modification
des images
|
Pour
modifier et personnaliser un skin, il faut
modifier les images qui composent le skin
d'origine, celles qui se trouvent dans le
dossier décompressé.
Vous
pouvez les modifier avec n'importe quel
logiciel de retouche d'images, pourvu qu'il
puisse enregistrer en .bmp et en .gif (même
le logiciel Paint qui est livré avec
Windows peut faire l'affaire) |
Attention
aux images "scroll", c'est à
dire aux images qui correspondent en réalité
à des parties qui sont de longueur
ou de hauteur variable selon la taille de
la fenêtre : une partie de l'image
se répète sur la longueur
(barre de titre des fenêtres par exemple).
L'image est composée de 3 sections
: parties gauche et droite qui sont fixes,
et une partie centrale qui se répète
pour couvrir tout la surface, que la fenêtre
soit ouverte, réduite ou de taille
personnalisée. Voyez l'effet obtenu
sur captionbar.bmp dans le paragraphe ci-dessous. |
Sur
une même image, il y a les parties
droite, centrale et gauche, mais aussi,
souvent les boutons qui la composent, par
exemple les boutons d'ouverture, fermeture,
réduction et restauration de la taille
de la fenêtre pour captionbar.bmp. |
Correspondance
des images .bmp
|
bgimage.bmp :
le petit coin à l'intersection des 2 ascenseurs
en bas à droite de la liste des mails
reçus (A)
borders.bmp :
l'encadrement des fenêtres (B)
|
|
captionbar.bmp :
les barres de titre de incredimail.
2
parties colorées : 1 à gauche
pour la fenêtre active (celle qui est
au premier plan), l'autre à droite
pour la fenêtre inactive (celle qui est
cachée par la fenêtre active).
La
partie rose contient les boutons permettant
la restauration ou la fermeture de la
fenêtre.
Attention
aux effets et textures éventuels que vous
pouvez appliquer sur votre image : l'effet
est différent sur la barre, comme
vous pouvez le constater sur cette capture
d'écran.
|
Voici
ce que vous avez dessiné
|
|
Voici
ce que vous allez voir
|
|
composebar.bmp :
la barre de mise en forme des nouveaux messages
|
|
contactviewer.bmp :
la barre d'ouverture/fermeture (inférieure)
de la liste des contacts |
|
contentbtn.bmp :
le bouton qui permet l'affichage ou non
de la zone de style, attention à la zone
rose !
contentcaption.bmp :
la barre de titre "zone de style"
|
|
contentpane.bmp :
le cadre autour des boutons "créer"
et "d'autres lettres", et aussi
la mise en zone autour de "A, Cc, Sujet"
dans un nouveau mail, les zones qui sont
en rouge ci-dessous. |
|
|
contentscrolldown.bmp :
le bouton "monter" dans la zone
de style (C) |
contentscrollup.bmp :
le même mais pour "descendre" |
creditspane.bmp :
la barre en bas de la zone de style, où
il peut y avoir le © d'un papier (D) |
dialogbutton.bmp :
il s'agit des boutons : suivant, précédent,
ok, annuler, appliquer, supprimer, d'autres
enjolivures, enregistrer, ne pas enregistrer,
annuler (bouton ovale = vue normale ; bouton
carré = vue au survol de la souris). |
|
dlgcaptionbar.bmp :
comme captionbar.bmp pour la fenêtre "appliquer
une enjolivure"
getfromfile.bmp : pour "créer",
"ajouter" dans la zone de style
getfromweb.bmp : pour "d'autres
lettres", "d'autres animations"
|
horzscrollbar.bmp :
ascenseur horizontal sous les titres des
mails (E) |
innerbutton.bmp :
le petit bouton à droite de la barre des
relations, au dessus de l'ascenseur vertical
(F) |
innercaption.bmp :
la barre de titre "dossiers" (G) |
innercontacts.bmp :
la barre de titre "relations clés"
(H) |
innerheaders.bmp :
la barre de titre "boite de réception"
(I) |
|
|
menubar.bmp :
c'est le fond de la zone où se trouvent
les menus "fichiers", "modifier",
"afficher"... |
|
Attention :
Si vous voulez insérer un motif, comme
sur la saisie d'écran, il faut couper
le motif en 2 pour mettre la seconde moitié
dans l'image toolbar.bmp.
Et
n'oubliez pas de modifier les valeur des
lignes MenubarOffset et ToolbarOffset
dans le fichier content.ini (voir la leçon
suivante)
|
Sans motif
|
Avec motif
|
messageviewer.bmp :
ascenseur horizontal sous l'aperçu des mails
scrolldown.bmp : le bouton à
côté de l'ascenseur vertical pour descendre
scrollleft.bmp : le bouton à
côté de l'ascenseur horizontal pour aller
à gauche
scrollright.bmp : le bouton
à côté de l'ascenseur horizontal pour aller
à droite
scrollup.bmp : le bouton à côté
de l'ascenseur vertical pour monter |
splash.bmp :
le dessin au lancement de incredimail (mais
sans le son !). |
|
splitters.bmp :
les lignes de séparation entre les différentes
parties d'une fenêtre |
status.bmp :
l'encadrement de l'animation de réception
et d'envoi des mails, de l'affichage de
l'heure (en haut l'image .bmp, et en bas
ce que l'on peut voir dans le skin... faites
attention aux "défauts"
!) |
|
statusbar.bmp :bas
de la fenêtre "avancé"
du compte |
|
styleboxbar.bmp :
la zone derrière les boutons "letters",
"animations" de la zone de style |
|
toolbar.bmp :
c'est le fond de la zone où se trouvent
les boutons "nouveau message",
"répondre", au dessous de la
zone menubar.bmp
|
|
vertscrollbar.bmp :
les ascenseurs verticaux |
D'autres
éléments
|
Vous
pouvez modifier d'autres éléments de cette
liste.
|
splash.wav :
il s'agit du son qui est audible lors du
lancement de l'image splash.bmp, c'est celui
qui personnalise l'opuveture d'un skin. |
Mais
il existe aussi d'autres sons qui sont audibles
lors du fonctionnement de Incredimail. |
Et
aussi pour l'enregistreur de messages sonores |
play.bmp :
le bouton marche de l'enregistreur
record.bmp : pour lancer l'enregistrement
stop.bmp : pour arrêter l'enregistrement
|
Et
si vous voulez franciser vos avis de réception
(Attention, ce sont des .gif.). |
receipt.gif :
le message courrier reçu, quand on reçoit
la notification qu'on a demandée |
|
receiptbg.gif :
le fond du papier de ce message reçu |
|
L'image
receiptbg.gif se place en mosaïque comme
dans un papier à lettres et receipt.gif
se met par dessus mais sans transparence,
ci-dessous un aperçu. |
|
Vous
pouvez aussi modifier des curseurs : la
main, la disquette pour enregistrer, le
curseur qui apparaît quand vous voulez
déplacer une image dans un texte... |
Et
si vous savez utiliser le logiciel Flash,
vous pouvez aussi modifier l'animation .swf
qui se trouve en haut à droite :
l'horloge, l'animation pendant l'envoi ou
la réception du courrier mail. |
Une
fois ces images modifiées, vous continuez
en modifiant les paramètres dans
le fichier content.ini. En effet, c'est
en modifiant ce fichier que vous pouvez
définir la couleur ou la taille de
la police, modifier les marges. |

Leçon
précédente : les bases


Leçon
suivante : les paramètres


Retour aux tutoriels


Retour
à l'accueil

|
|
|
|
|