Canevas / Tutos pour créer des papiers à lettres

Demot · Message par **Demot** » 06 mars 2011, 13:03

Bonjour Noël ...

1 - La police cambria http://en.wikipedia.org/wiki/Cambria_(typeface)
Si cette police n'est pas connue par les SE des destinataires, il y aura à la place une police de substitution et tu n'obtiendras pas l'effet escompté... Possible de rester dans les polices les plus répandues.

2 - Le texte en justifier que tu mets après un retour de ligne ???

Code : Tout sélectionner

<br><div align="justify">

Tu peux le mettre avant, >br> voire le mettre dans la partie style (plus haut) par exemple après la répétition (ici en colonne) et la position de l'image de fond (à droite et en haut)

Code : Tout sélectionner

font-family: "Trebuchet MS";
font-size: 13pt;
margin-left: 200;
margin-right: 50;
margin-top: 40;
background-repeat: repeat-y;
background-position: top right;
text-align: justify;

A suivre ... je regarde ton chemin image

Demot · Message par **Demot** » 06 mars 2011, 13:22

Dans ton exemple il y a un <body> qui squatte.

Perso pour les papiers à lettres :
Avant de faire le html qui va bien, je prend un Html de base (j'en ai fait 5) que j'ouvre dans Tb et dans lequel je mets l'image, si ça colle et que ce n'est pas que pour un coup ou deux , je créé le fichier html.

Papier à lettres de bases il y a tout dedans sauf l'adresse de l'image.
Un papier avec image unique centrée, image colonne gauche, image colonne droite, image partout, image descend.

Autre ... pour éviter caillonnages avec chemins papiers à lettres (au moins au début tant qu'on n'est pas à l'aise) :
Dans windows éviter image de papier à lettres dans un répertoire avec accent (ex : à) voire utiliser des noms de répertoire court (8)

Demot · Message par **Demot** » 06 mars 2011, 13:42

Code : Tout sélectionner

background-image: url(file:///C:\Users\Propriétaire\Documents\6-Modèles Courrier\Papiers à lettres\Fonds\img092.jpg);

Ne correspond pas à mes tutos

► Soit c'est dans la partie style sous forme :

Code : Tout sélectionner

background-image: url(file:///C:/Dossier/sousdossier/image.gif);

→ donc pour ton exemple

Code : Tout sélectionner

background-image: url(file:///C:/Users/Propriétaire/Documents/6-Modèles Courrier/Papiers à lettres/Fonds/img092.jpg);

► Soit après et sous forme :

Code : Tout sélectionner

<body background="file::///C:/Dossier/sousdossier/image.gif">

→ donc pour ton exemple

Code : Tout sélectionner

<body background="file:///C:/Users/Propriétaire/Documents/6-Modèles Courrier/Papiers à lettres/Fonds/img092.jpg">

De plus tu faits une erreur pour la répétition : background-repeat: no-repeat-y;
faudrait chosir entre background-repeat: no-repeat; et background-repeat: repeat-y;

Demot · Message par **Demot** » 06 mars 2011, 17:29

Essaie cet Html (tu pourras modifier gauche et droite etc...)

Code : Tout sélectionner

<html>
<head><style>
body {
font-family: "Trebuchet MS";
font-size: 13pt;
margin-left: 50px;
margin-right: 350px;
margin-top: 50px;
background-repeat: repeat-y;
background-position: top right;
text-align: justify;
}
</style></head><body background="file:///C:/Users/Propriétaire/Documents/6-Modèles Courrier/Papiers à lettres/Fonds/img092.jpg"><font color="#227ee7"><b><blink>Bonjour</blink></b></font><br>.<br><br><br></body>
</html>

Noël · Message par **Noël** » 06 mars 2011, 19:28

Bonsoir Demot,
Merci pour tes messages successifs m'apportant tes conseils que j'ai gardés sur un dossier Word.

Cependant je bute souvent sur des petits riens.

1/- Une fois le canavas écrit dans un bloc note de Winsdow 7, je n'arrive pas à le sauvegarder en "html". J'obtiens un type "Firefox Document".
Dans la fenêtre qui s'ouvre j'ai :
ligne 1 : Nom du fichier : xxxxxxx.html Dois-je mettre vraiment l'extension ou simplement un nom ?
ligne 2 : Type : j'ai le choix entre "Fichiers texte (*txt)" et "Tous les fichiers" Normalement je dois choisir le 2ème ?
ligne 3 : Encodage :J'ai le choix entre "ANSI"- "Unicode"- "Unicode big endian"- "UTF-8" Lequel choisir ?
........avant de cliquer sur "Enregistrer"

2/- Tu écrits : "Avant de faire le html qui va bien, je prend un Html de base (j'en ai fait 5) que j'ouvre dans Tb et dans lequel je mets l'image, si ça colle et que ce n'est pas que pour un coup ou deux , je créé le fichier html.".
Perso, une fois le canavas nommé et enregistré, j'ouvre "Options de Stationery --Gérer les modèles --Ajouter un nouveau" et je prends un des canevas crées, puis OK ; C'est bien ainsi qu'il faut opérer ?

3/- Tu écrits aussi : "Dans windows éviter image de papier à lettres dans un répertoire avec accent (ex : à) voire utiliser des noms de répertoire court (8)"

Pour connaître l'URL de l'image, je clique droit pour ouvrir "propriété" et je fais un copier-coller de l'adresse d'emplacement vers le canevas. C'est bien ainsi. Autre détail, dans cet adresse le sens des barres obliques a-t-il une importance ?

Voilà mes interrogations qui comme tu le lis sont parfois élémentaires.

Une fois de plus merci.

Demot · Message par **Demot** » 06 mars 2011, 19:54

Firefox document → c'est qu'il n'y a pas de problèmes

Nom du fichier : xxxxxxx.html celui que tu veux exemple cochon.html

chameau.html lune.html etc...

Noel a écrit :j'ouvre "Options de Stationery --Gérer les modèles --Ajouter un nouveau"

Et mes tutos c'est pour kiki ?

Sur l'icône Ecrire ou Répondre etc. :
• Clic sur la flèche de droite • Clic sur Autre papier à lettres • Clic sur fichier.html désiré (ex : cochon.html)
Tout nouveau est ajouté d'office. (utilise Gérer pour les trier)
Utilise la barre courrier quitte à virer la barre imposante voire inutile grâce à l'extension compactheader

Pour connaître l'URL de l'image, je clique droit pour ouvrir "propriété" et je fais un copier-coller de l'adresse d'emplacement vers le canevas

Non ... pas confondre les / et les \ ... faut des / dans le même sens qu'après le http://
(Comme dans les exemple post au dessus

)
Ecris à la main le chemin ou copie-le par exemple dans Tb Format / Couleur et fond de page / ligne image de fond

PS copie le code que je t'ai donné et mets une image tu verras ... surprise !

Noël · Message par **Noël** » 07 mars 2011, 20:01

Bonsoir,
J'ai testé le html que tu m'as proposé. Le voici :
<html>
<head><style>
body {
font-family: "Trebuchet MS";
font-size: 13pt;
margin-left: 50px;
margin-right: 350px;
margin-top: 50px;
background-repeat: repeat-y;
background-position: top right;
text-align: justify;
}
</style></head><body background="file:///C:/Users/Proprietaire/Documents/6-Modeles Courrier/Papiers a lettres/Fonds/img092.jpg"><blink>Bonjour,</blink> . </body>
</html>

Tout est normal sauf que l'image ne parait pas. J'ai testé l'absence des accents (ex. a au lieu de à) comme ci-dessus, les mots de l'adresse sans espaces, d'autres images en jpg, en gif, et autres rien n'y fait. Question :Les couleurs paramatrées dans "Options -- Affichage Formatage et Rédaction Html" ont-elles une importance ?

Tu écris : Sur l'icône Ecrire ou Répondre etc. :
• Clic sur la flèche de droite • Clic sur Autre papier à lettres • Clic sur fichier.html désiré (ex : cochon.html)
Sur ces icônes cliquez ne donne rien.

Tu dis aussi : Ecris à la main le chemin ou copie-le par exemple dans Tb Format / Couleur et fond de page / ligne image de fond
Je ne vois pas Tb format et la suite bien sûr !!!

Et pourtant lorsque j'aurai créer un canevas de base, je pourrai le modifier en plusieurs modèles. Il ne doit pas me manquer grand chose.

Bonne soirée et merci

Demot · Message par **Demot** » 07 mars 2011, 20:34

Quant tu écris un message et que tu cliques dans le menu sur format puis sur couleurs et fonds de page tu peux aller chercher une image de fond (ben oui)

On va faire autrement puisque tu n'y arrives pas :
1 - Tu va créer un dossier dans ce dossier tu vas y coller ton image de fond, dans ton exemple tu l'avais appelé img092.jpg (drôle de nom qui oblige de consommer de la mémoire humaine, mais bon)

2 - Dans le même dossier, tu enregistres le fichier html (identique à mon code ci-dessous)
autant le nommer img092.html pour savoir à quoi il correspond puisqu'il pointe vers img92.jpg

Code : Tout sélectionner

    <html>
    <head><style>
    body {
    font-family: "Trebuchet MS";
    font-size: 13pt;
    margin-left: 50px;
    margin-right: 350px;
    margin-top: 50px;
    background-repeat: repeat-y;
    background-position: top right;
    text-align: justify;
    }
    </style></head><body background="img092.jpg"><font color="#227ee7"><b><blink>Bonjour</blink></b></font><br>.<br><br><br></body>
    </html>

Ainsi plus de soucis de chemin ?

PS avec des noms plus significatifs, pour l'image et le html c'est quand même plus facile pour s'en souvenir.

Noël · Message par **Noël** » 09 mars 2011, 13:34

Bonjour Demot,

Quand cela n'aboutit pas il faut prendre du recul pour recadrer les choses. Tu me dis de créer un dossier, OK mais avec quel logiciel, bloc-notes, word, kompazer, ou autres.

Jusqu'à maintenant, j'utilisais bloc-notes mais c'est trop limité. Hier j'ai téléchargé Kompozer suite à une recherche sur le net d'éditeurs de html. Je l'ai découvert et réalisé un dossier comme tu me l'indiquais sans réussite. Quel est celui que tu utilises, ou me conseilles ?

Mon grand étonnement, c'est de ne pas y être parvenu car loin d'être un performant dans l'utilisation de html et css, j'arrive par ailleurs à m'en dépétrer. Et pour preuve, j'ai monté un site de photos qui ne me pose plus de soucis. Si tu as un moment, je te donne l'adresse et du pourras juger.
Le titre : "Voyagez en France" hébergé chez blog4ever
Alors je ne vois pas pourquoi je n'arrivrerais à créer un canevas de papier lettres !!!!

J'y arriverai.

Salut

mpl75 · Message par **mpl75** » 09 mars 2011, 13:39

Bonjour,

Noël a écrit :Bonjour Demot,

Quand cela n'aboutit pas il faut prendre du recul pour recadrer les choses. Tu me dis de créer un dossier, OK mais avec quel logiciel, bloc-notes, word, kompazer, ou autres.

Jusqu'à maintenant, j'utilisais bloc-notes mais c'est trop limité. Hier j'ai téléchargé Kompozer suite à une recherche sur le net d'éditeurs de html. Je l'ai découvert et réalisé un dossier comme tu me l'indiquais sans réussite. Quel est celui que tu utilises, ou me conseilles ?

Mon grand étonnement, c'est de ne pas y être parvenu car loin d'être un performant dans l'utilisation de html et css, j'arrive par ailleurs à m'en dépétrer. Et pour preuve, j'ai monté un site de photos qui ne me pose plus de soucis. Si tu as un moment, je te donne l'adresse et du pourras juger.
Le titre : "Voyagez en France" hébergé chez blog4ever
Alors je ne vois pas pourquoi je n'arrivrerais à créer un canevas de papier lettres !!!!

J'y arriverai.

Salut

créer un dossier

Pas besoin de logiciel
Un dossier est un Répertoire (Un tiroir, une étagère, une boîte), il se crée n'importe où
Il sert à contenir autre chose.
Des fichiers : img, texte, html, etc.
Exemple dans Mes Documents
Soit clic Droit / Nouveau/ Dossier = le nommer "Avec un nom qui parle , sans accent et sans vide" [Mes_fonds_messages par ex.]
Se rappeler où il se trouve tout de même.
Soit sous Seven en barre de menu en haut de fenêtre = Nouveau Dossier
Un Dossier peut aussi contenir des Dossiers(dits sous-dossiers pour un meilleur classement)

dans ce dossier tu vas y coller ton image de fond, dans ton exemple tu l'avais appelé img092.jpg

Dans le même dossier, tu enregistres le fichier html (identique à mon code ci-dessous)

Se placer dans le Dossier (Ouvrir) Clic Droit / Nouveau / Document texte
Ouvrir
Coller le code (du message de Demot)
Enregistrer sous = img92.txt (ou directement sous img92.html)
sinon Renommer en img92.html

Pas besoin de logiciel par ailleurs.
Un logiciel (dans ce cas Éditeur) sert à créer un Fichier ayant une extension permettant de l'interprèter.
Soit Texte (Notepad), Image (gimp), Html (notepad, frontPage), etc.

J'espère avoir éclairé une zone d'ombre

Quant à la débrouille

je te donne l'adresse

"Voyagez en France" hébergé chez blog4ever

Ce n'est pas une adresse au sens utilisable...

Désolé mais c'est un accès gestion et non Visite - obligeant à faire appel à la "débrouille" de l'éventuel visiteur / Quand on propose Faut donner l'adresse d'accès ...y a du boulot
Note l'adresse à Fournir :

Voyagez en France

Sous la forme

Dans un forum

ou
http://emmanuel4.blog4ever.com/blog/index-305296.html
Pour un accés direct Navigateur Firefox, IE, Opéra...

Sympa au demeurant

Bravo.

Si n'importe qui peut mettre en ligne un blog(Grande mode = ya qu'à suivre des modèles) vaudrait mieux pour apprendre voir Dotclear, Wordpess ou ChronoSite.
et http://fr.selfhtml.org/

Demot · Message par **Demot** » 09 mars 2011, 17:52

Bonsoir Noël

Tu devrais t'enregistrer sur le forum, sinon c'est tintin pour faire passer des liens
Dans windows Dossier = répertoire
Le bloc-notes est pourtant facile, il suffit de faire enregistrer sous nom.html
Si tu mets le fichier image dans le même dossier que le fichier html, il n'y a plus de pb de chemin
Dans mon dernier exemple, il suffit de
1 - coller le code dans le bloc-notes
2 - d'enregistrer le fichier sous html
3 - et de placer le fichier image dans le même dossier que le dossier où se trouve le html
(pour info tu pourrais aussi enregistrer le fichier html dans le même dossier que l'image)

Noël · Message par **Noël** » 09 mars 2011, 19:52

Salut Demot et à Flo (message précédent),

Je viens de tenter de m'inscrire sur le forum. Souci, mon adresse mail est connu (?????), j'en ai une ancienne que je voudrais éliminer, donc ça ne passe pas. S'il n'y a pas d'autres moyens, je vais m'en créer une autre.

En ce qui concerne le fond de message, je progresse. J'ai réussi à obtenir l'image en fond et le début du message "Bonjour,". Seul défaut l'image est à droite et non à gauche, mais cela peut se rectifier. Je me suis envoyé un message qui m'est parvenu exactement identique à l'envoi.

Par contre, gros souci : Si je veux écrire un nouveau message, répondre, transférer, l'image n'y est plus alors que le code html est identique. Le voici ci-dessous :
<html>
<head><style>
body {
font-family: "Trebuchet MS";
font-size: 13pt;
margin-left: 50px;
margin-right: 50px;
margin-top: 50px;
background-repeat: repeat-y;
background-position: top right;
text-align: justify;
}
</style></head><body background="file:///C%3A/Users/Propri%C3%A9taire/Documents/6-Mod%C3%A8les%20Courrier/Papiers%20%C3%A0%20lettres/Fond%20de%20courrier/MesFondsMessages/PL14.jpg"><blink>Bonjour,</blink> </body>
</html>
Pour ce qui est de la création du canevas, je pense avoir saisi, j'ouvre un dossier, je colle l'image souhaité, puis je crée un document texte que j'ouvre, je copie ton code html, je l'enregistre en html, j'obtiens un document de "type Firefox Document" que je vais chercher quand j'ouvre un nouveau message à faire.

Voilà où j'en suis. En attendant une réponse à mes soucis, je continue à créer d'autres canevas en y apportant quelques modifs. Ne soyez pas surpris de mes difficultés à saisir car je suis entièrement autodidacte en informatique.
Bonne soirée

Demot · Message par **Demot** » 09 mars 2011, 20:08

Noel a écrit :Seul défaut l'image est à droite et non à gauche

Ben oui, c'était dans mon code, et pour voir si tu suivais

il suffit de remplacer right par left pour l'avoir à gauche

Autre j'avais aussi mis le code pour faire clignoter "bonjour"

.
Il arrive parfois que l'image n'y soit pas en particulier si chemin, lors fermer la création et l'enregistrer en brouillon et ouvrir le brouillon, l'image devrait être là.
.
Adresse connue et tu ne pourrais pas t'enregistrer sur le forum ... coucou les modos transmettez à Thomas

mpl75 · Message par **mpl75** » 09 mars 2011, 20:40

Bonsoir,

je suis entièrement autodidacte en informatique.

C'est tout à ton honneur. Bravo.
Ton travail pour progresser en est la preuve.

Et pour les papiers Demot est un vrai spécialiste. Donc çà ne peut que progresser.

Noël · Message par **Noël** » 10 mars 2011, 10:28

Bonjour à vous 2,
A Flo, merci pour tes appréciations. Je me passionne pour cette discipline car elle permet de CREER, des petites choses, mais sympa.

A Demot,
Ignare en anglais, j'utilise les dicos anglais-français parfois. Rigt, left, top, background, padding, etc.. je connais un peu. Je me suis fait un dico perso en informatique. Si je n'ai pas fait le changement, c'est que je doutais s'il fallait le mettre dans body-style ou body-background.

Ok, je viens de faire un essai de message avec absence d'image. J'ai tapé le message, enregistré en brouillon, récupéré pour l'envoi, l'image s'y trouve puis modifier pour l'envoi.
Mon image fait 1024px de large. Est-il possible de paramétrer un report à la ligne automatique dans l'encadrement de l'image ?
Tu écris : "Adresse connue et tu ne pourrais pas t'enregistrer sur le forum ... coucou les modos transmettez à Thomas" Si je comprends bien, tu transmets l'info pour Thomas pour tenter d'apporter une solution......

Bonne journée à vous 2

Geckozone

Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Re: Canevas / Tutos pour créer des papiers à lettres

Qui est en ligne ?