Page 1 sur 11

Canevas / Tutos pour créer des papiers à lettres

Publié : 12 août 2009, 20:22
par Demot
Tuto pour créer ses propres papiers à lettres avec image (fixe ou animée)
▬ Extension associée : Stationery

1 - Il suffit de tout copier dans le bloc-notes (de <html> à </html>)
2 - De rectifier
(sans effacer les ; ) ce que j'ai mis en rouge, à savoir dans l'ordre :
  • La police .. ex : pour verdana ça donne : font-family: "verdana";
  • La taille de police en pt
  • Les marges gauches et droites (dans l'exemple 50 et 10)
  • La marge supérieure
  • Répétition de l'image, choix possibles :
    no-repeat : l'image n'est représentée qu'une seule fois
    repeat : l'image se répète infiniment
    repeat-y : l'image se répète en colonne à gauche
    repeat-x : l'image se répète en ligne au dessus
    ...
  • Nom du fichier de l'image de fond avec l'extension (ex : "image.gif")
    Dans l'exemple le fichier de l'image et fichier html ¹ sont dans le même dossier
    Pour une img située dans un autre dossier > mettre le chemin ex : "file:///C:/Dossier/sousdossier/image.gif"
    ...
  • La couleur du fond
  • La couleur du texte (pour du noir c'est #000000)
3 - D'enregistrer le fichier au format html (voire en htm)
exemple a écrit :<html>
<head>
<style>
<!--
body
{
font-family: "MS Sans Serif", "sans serif";
font-size: 20pt;
margin-left: 50;
margin-right: 10;
margin-top: 50;
background-repeat: repeat-y;
}

-->
</style>
</head>
<body
background="image.jpg"
bgcolor="#ffffcc"
text="#227ee7"
</body>
</html>
Si on veut directement par exemple du justifier en gras, après </body> mettre <div align="justify"><B>

4 - D'ajouter le Papier à lettres
dans la liste de Stationery :
► Flèche du bouton EcrireAutre papier à lettres, parcourir et cliquer sur le fichier html ou htm correspondant.

Pour Editer un papier à lettres dans un mail :
► Flèche du bouton Ecrire → cliquer sur un papier à lettres *
► Flèche du bouton Répondre → cliquer sur un papier à lettres * (ou Répondre à tous)
► Flèche du bouton Transférer → cliquer sur un papier à lettres * (A priori pour transfert en pièce-jointe)
► En cours d'écriture²→ clic droit → Modifier le papier à lettres → cliquer sur un papier à lettres
(² Cocher les options de l'extension : Autoriser le changement de papier à lettres)
* ou autre papier

Sur Tb3 → virer la barre avec CompactHeader et personnaliser la barre d'outils courrier
Y rajouter les icônes Ecrire etc → elles prennent en compte les papiers.
___________________
Variantes pour l'image de fond et pour la couleur du fond
(à mettre dans la partie entre { et } )
exemple a écrit :background-image: url(file:///C:/Dossier/sousdossier/image.gif);
background-color: #ffffcc;
► La suite pour tutos suivants◄

Re: Canevas / Tuto pour créer des papiers peints persos

Publié : 02 sept. 2009, 12:22
par Demot
On peut aussi se faire un papier à lettre sans image de fond :

Comme précédemment juste en faisant un fichier html et en rectifiant (à sa convenance) :
  • Les marges gauches et droites (dans l'exemple 50 et 10)
  • la marge supérieure
  • La couleur de fond (si on veut du blanc mettre #FFFFFF)
  • La couleur du texte (ici #000000 pour du noir)
exemple a écrit :<html>
<head>
<style>
<!--
body
{
font-family: "verdana";
font-size: 13pt;
margin-left: 50;
margin-right: 10;
margin-top: 50;
}

-->
</style>
</head>
<body
bgcolor="#ffffcc"
text="#000000"
</body>
</html>
Avec ou sans image de fond, ça marche en utilisant :
le bouton Ecrire ou le bouton Répondre ou le bouton Transférer (a priori pour transfert en pièce-jointe)

Edit : + marge supérieure

Re: Canevas / Tuto pour créer papier à lettre perso

Publié : 20 sept. 2009, 21:09
par Giulia
Merci pour ce super tuto, que j'attendais depuis plusieurs mois :D

Re: Canevas / Tuto pour créer papier à lettre perso

Publié : 20 sept. 2009, 22:07
par Giulia
Question qui me vient à l'esprit :

- Où et comment je peux configurer dans le fichier HTML la forme, taille et couleur de police ?
Un modèle de canevas du meme gout que celui que tu as fait sera parfait :wink: :P

Re: Canevas / Tuto pour créer papier à lettre perso

Publié : 21 sept. 2009, 10:28
par Demot
Tu as raison Giulia, faut avoir de l'esprit car l'esprit fait vivre. :D :mrgreen:
Mon esprit va y penser (promis), le tien ne m'a pas dit si tu avais après scier Mailk Tweak. (jeu de mot)

Qui que quoi donc (uh !) tu veux dans l'exemple comme grosseur et comme police ?
Sans le Sherif ▬ le Ver d'Anna ▬ Harry rale ▬ Ravie ▬ Roman du new times ▬ Simpsons ▬ Trait bouché

Humour : pas d'ennui avec la police, j'ai changé les noms :wink:

Sérieusement une préférence ?

Re: Canevas / Tuto pour créer papier à lettre perso

Publié : 21 sept. 2009, 22:47
par bob92
Bonjour,
J'ai envoyé un mail avec papier à lettre de Stationery, mais mon correspondant à reçu mon message sur fond blanc et le papier à lettre en pièce jointe :?: :cry:
Qu'est ce qui c'est passé :?: Serait ce une histoire de format de message ?

Re: Canevas / Tuto pour créer papier à lettre perso

Publié : 21 sept. 2009, 23:07
par Demot
Salut Bob ...
  • Le correspondant il a reçu le mail sur quoi ?
    (Webmail, courrielleur, si courrielleur affichage en Html original ou htmL simple, texte ?)
  • Dans Envoyés est-ce qu'il est correct ?
  • Options d'expédition tu l'envoies en html ?
Astuce : Avant l'envoi on peut si on l'enregistre en brouillon, le voir dans le panneau (F8)

Re: Canevas / Tuto pour créer papier à lettre perso

Publié : 21 sept. 2009, 23:12
par bob92
Bonsoir Demot,
Mon correspondant l' a recu sur Orange (donc webmail)
J'ai fais des tests pour me l'envoyer à partir de TB de mon compte orange ou hotmail et là pas de problème
J'ai envoyé en HTML seulement
Dans envoyé, c'est correct !

Re: Canevas / Tuto pour créer papier à lettre perso

Publié : 21 sept. 2009, 23:19
par bob92
Je viens de verifier mon test sur hotmail webmail (donc pas sur TB), effectivement le papier peint est en piece jointe

Re: Canevas / Tuto pour créer papier à lettre perso

Publié : 21 sept. 2009, 23:27
par Demot
Re .. Sur webmail Gmail rien n'apparait (pas de pièce-jointe dédiée), en revanche, il apparait bien dans TB quand il relève ce même message.

Re: Canevas / Tuto pour créer papier à lettre perso

Publié : 21 sept. 2009, 23:32
par bob92
Aucun problème en mode "interne TB" le papier peint apparait
Exemple: celui que j'utilise s'appelle "dessin.htm" dans le fichier papiers peints qui est dans "Mes documents", dans ce fichier, il y a tous les papiers peints en htm et en jpg.
Sur mes webmails (orange ou hotmail), le papier peint arrive en PJ au format jpg, sous le nom de draw.jpg, alors que lorsque j'ecris un message, dans la liste, je prend bien un modele en htm (dessin.htm)
Une idée :?:

Re: Canevas / Tuto pour créer papier à lettre perso

Publié : 22 sept. 2009, 10:29
par bob92
Je crois avoir compris en lisant les infos de l'extension (more about this add on), y a une histoire de balise et de background dans le fichier chrome... Je laisse tomber, trop compliqué pour moi.
Je pensais que cette extension, gérait toute seule ses propres modèles.
Merci quand même

Re: Canevas / Tuto pour créer papier à lettre perso

Publié : 22 sept. 2009, 10:36
par Demot
Bonjour ... pour info ► J'ai rectifié le premier post pour y inclure la police de caractère.

Re: Canevas / Tuto pour créer papier à lettre perso

Publié : 22 sept. 2009, 12:25
par Demot
Salut Bob .. vois pas ce que tu veux dire ... c'est quoi le pb ?

PS : ce "more about this add on" c'est où ?
là je ne vois pas : https://addons.mozilla.org/fr/thunderbird/addon/4394 c'est en français !

Avec ce genre de papier à lettres, je peux y inclure, des liens, des images intégrées, rajouter des pièces-jointes et tout part et arrive... je ne manipule aucune balise quand j'ecris un mail.

Un de mes correspondants, pas jeune et pas très féru informatique de surcroît, m'a demandé comment je faisais, je lui ai envoyé le lien de l'extension et un petit tuto ... (ressemblant à celui-ci)
Ben, ça marche, il m'envoie bien des courriers avec ses papiers à lettres persos.

Re: Canevas / Tuto pour créer papier à lettre perso

Publié : 22 sept. 2009, 12:30
par bob92
Ceci est un copié collé

More about this add-on
Il suffit d'utiliser le menu déroulant associé aux boutons "Écrire", "Répondre" et "Transférer" et de choisir l'option "Autre papier à lettres…"

Vous pouvez utiliser les fichiers de modèles d'Outlook Express, ou bien vous pouvez en écrire vous-mêmes.
Comment écrire un fichier de modèle ?

1. Essayez de mettre tous les éléments de style entre deux balises de style dans la partie "head" de la page. Tout le "head" est restitué quand le modèle est appliqué.

2. Si vous placez des éléments dans la partie "body" ceux-ci seront ajoutés au modèle quand il sera appliqué.


ETC...etc...

C'est celà dont je parle