.

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

 

Votez au Weborama