Améliorer l'aspect de vos messages, avec des boîtes de texte à codes avancés (pour Outlook Express) :
Cette page se compose de 2 parties :
- la première où je vous explique la signification et l'utilisation des codes, ainsi que ceux que vous aurez à changer pour les assortir au papier à lettres ;
- la seconde où vous trouverez les codes à recopier à l'endroit indiqué par une croix rouge sur la capture de mon écran qui se trouve tout en bas de cette page.
1re partie :
Je vous explique ligne par ligne ce que vous devez (pouvez) changer, en surlignant les codes en jaune, et vous expliquant ci-dessous ce qu'ils signifient ; exemple :
<TABLE id=table1
style="BORDER-RIGHT: 3px
solid; PADDING-RIGHT: 0px; BORDER-TOP: 3px solid; PADDING-LEFT: 0px; FILTER:
Alpha(Opacity=85);
PADDING-BOTTOM: 0px; BORDER-LEFT: 3px solid; PADDING-TOP: 0px;
BORDER-BOTTOM: 3px solid"
borderColor=#64424e
cellSpacing=5 cellPadding=0
width="65%"
border=3>
<TBODY>
<TR>
<TD
style="BORDER-RIGHT:
3px solid; BORDER-TOP: 3px solid; BORDER-LEFT: 3px solid; BORDER-BOTTOM: 3px solid"
borderColor=#64424e bgColor=#ccb0ba>
<DIV align=center>
</DIV>
<DIV align=center> </DIV>
<DIV
align=center> </DIV></TD></TR></TBODY></TABLE>
Voici donc, ligne par ligne, ce que signifient ces codes :
Ne rien changer |
<TABLE
id=table1 |
Épaisseur de la bordure de la
boite de texte extérieure ; vous pouvez
changer le 3 par un autre chiffre et l'épaisseur de la bordure changera
aussi (si vous le changez, il faut de préférence changer BORDER-TOP, BORDER-LEFT et BORDER-BOTTOM en mettant la même épaisseur, sinon cela sera bizarre
!). |
style="BORDER-RIGHT: 3px solid; PADDING-RIGHT: 0px; BORDER-TOP:
3px solid; PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px; BORDER-LEFT: 3px solid; PADDING-TOP: 0px; BORDER-BOTTOM:
3px solid" |
Opacité de la
boîte de texte ; plus le chiffre est haut et plus votre
boîte sera opaque, ce qui veut dire que nous verrons moins le papier en dessous
par transparence. Par contre, attention : si vous baissez l'opacité de la
boîte de texte, vous baisserez aussi l'opacité de tout ce qui sera dedans,
police d'écriture, gif, etc... |
FILTER:
Alpha(Opacity=85); |
Couleur de la bordure extérieure à assortir à la boîte centrale et en
règle générale au papier à lettre. |
borderColor=#64424e |
Espacement entre la boîte de texte et la bordure; plus le chiffre est
élevé plus l'espacement est grand. |
cellSpacing=5 cellPadding=0 |
Largeur de la
boîte de texte en pourcentage de la largeur totale du
papier (et de l'affichage de votre écran) ; vous pouvez changer le pourcentage
comme vous voulez, faites des essais c'est le meilleur moyen de savoir ce qui
est le mieux pour votre papier à lettre et votre
écran. |
width="65%" border=3> |
Ne rien changer. |
<TBODY> |
Épaisseur des bordures intérieures ; vous pouvez les changer si vous
le désirez, mais comme à la ligne 1, n'oubliez pas de changer les 4, sinon ce
sera bizarre ! |
style="BORDER-RIGHT: 3px solid; BORDER-TOP: 3px solid; BORDER-LEFT: 3px solid; BORDER-BOTTOM: 3px
solid" |
Couleur des bordures intérieures, à changer en fonction de la couleur
de votre papier. |
borderColor=#64424e |
| Couleur de l'arrière-plan de la boîte de
texte, à changer en fonction de la couleur de votre
papier. |
bgColor=#ccb0ba> |
Ne rien changer. |
<DIV align=center>
</DIV> |
2e partie, les codes :
Pour les copier, cliquez sur le bord la boîte de dialogue (avec texte déroulant), puis double cliquez sur le texte, et copiez le ; ensuite collez-le à l'endroit indiqué sur la capture d'écran qui est tout en bas de cette page. Vous pourrez alors apporter les modifications des tailles et codes de couleur, comme indiqué ci-dessus.
Pour ceux qui veulent aller encore plus loin, cliquez ici.
Fermez cette fenêtre pour revenir au menu.