Contenu | Rechercher | Menus

Annonce

T-shirt Seiche Cosmic, Série limitée

L'équipe des administrateurs et modérateurs du forum vous invite à prendre connaissance des nouvelles règles.
En cas de besoin, vous pouvez intervenir dans cette discussion.

Ubuntu 18.10
T-shirt Ubuntu-FR « Seiche Cosmique » en série limitée ! Prix spécial pré-vente (15€) jusqu'au 4 novembre 2018.

Si vous avez des soucis pour rester connecté, déconnectez-vous puis reconnectez-vous depuis ce lien en cochant la case
Me connecter automatiquement lors de mes prochaines visites.

À propos de l'équipe du forum.

#1 Le 10/05/2018, à 14:19

enebre

[Résolu] Thunderbird signature html

Bonjour,

Voulant faire une signature en html pour Thunderbird, avec des styles différents et en cascade,
J'ai fais ce texte, mais je suis certain que ça puisse être épuré.

Beaucoup de recherche, je n'ai rien trouvé pour , comment réduire la répétition du <style> pour chaque paragraphe.
Voici ce que ça donne en résultat.
1525960310.png
Ça me va, sauf pour certains auteurs qui s'inscrivent sur deux lignes. je n'ai pas trouver comment changer ça.
Mais le code pourrait à mon avis, être plus léger.
Merci de partager votre avis et solutions. smile

<i><style>
    .fond  { height: 38px; background-color: gold; border:1px solid gold;
           }
    .trait { height: 3px; margin: 24px 0px; background-color: saddlebrown;
           }
    .texte { width: 200px; margin-left: 200px;
           background-color: gold;
           color: saddlebrown;
           font-size: 20px; text-align:center;
           position: relative;
           top: 50%;
           }
</style>
 <div>
<div class="fond">
     <div class="trait">
          <div class="texte">Georges Carlin</div>
Essayer d'être heureux en accumulant des biens, c'est comme essayer de satisfaire sa faim en se collant des sandwichs sur tout le corps.
     </div>
<br><br><br>

<style>
    .fond  { height: 38px; background-color: gold; border:1px solid gold;
           }
    .trait { height: 3px; margin: 24px 0px; background-color: saddlebrown;
           }
    .texte { width: 200px; margin-left: 200px;
           background-color: gold;
           color: saddlebrown;
           font-size: 20px; text-align:center;
           position: relative;
           top: -18px;          
           }
</style>
 
<div class="fond">
     <div class="trait">
          <div class="texte">Frederic Bastiat (1801 - 1850)</div>
Quand le pillage devient une manière de vie pour un groupe d’hommes vivant en société, ils se fabriquent avec le temps un système légal qui l’autorise et un code moral qui le glorifie.
</div><br><br><br><br>

<style>
    .fond  { height: 38px; background-color: gold; border:1px solid gold;
           }
    .trait { height: 3px; margin: 24px 0px; background-color: saddlebrown;
           }
    .texte { width: 200px; margin-left: 200px;
           background-color: gold;
           color: saddlebrown;
           font-size: 20px; text-align:center;
           position: relative;
           top: -18px;          
           }
</style>
 
<div class="fond">
     <div class="trait">
          <div class="texte">Desproges</div>
De tous ceux qui n'ont rien à dire, les plus agréables sont ceux qui se taisent !
     </div>
<br><br>

<style>
    .fond  { height: 38px; background-color: gold; border:1px solid gold;
           }
    .trait { height: 3px; margin: 24px 0px; background-color: saddlebrown;
           }
    .texte { width: 200px; margin-left: 200px;
           background-color: gold;
           color: saddlebrown;
           font-size: 20px; text-align:center;
           position: relative;
           top: -18px;          
           }
</style>
 
<div class="fond">
     <div class="trait">
          <div class="texte">John Fitzgerald Kennedy</div>
Trop souvent nous nous contentons du confort de l'opinion sans faire l'effort de penser.

     </div>
<br><br><br>

<style>
    .fond  { height: 38px; background-color: gold; border:1px solid gold;
           }
    .trait { height: 3px; margin: 24px 0px; background-color: saddlebrown;
           }
    .texte { width: 200px; margin-left: 200px;
           background-color: gold;
           color: saddlebrown;
           font-size: 20px; text-align:center;
           position: relative;
           top: -18px;          
           }
</style>
 
<div class="fond">
     <div class="trait">
          <div class="texte">Gérard Bauer</div>
Il y une chose pire encore que l'infamie des chaînes, c'est de ne plus en sentir le poids.
<br><br><br>

     </div></i>

Dernière modification par enebre (Le 10/05/2018, à 16:56)


On n'écrit pas un "soucie", mais un "souci"
Insérer une miniature vers l' image pix.toile-libre.org voir aussi image et ici ou par script
Balises codes exemple

Hors ligne

#2 Le 10/05/2018, à 16:09

Bristow

Re : [Résolu] Thunderbird signature html

Je te propose cela en allégeant les styles :

<i><style>
    .fond  { height: 38px; background-color: gold; border:1px solid gold;
           }
    .trait { height: 3px; margin: 24px 0px; background-color: saddlebrown;
           }
    .texte { width: 400px; margin-left: 200px;
           background-color: gold;
           color: saddlebrown;
           font-size: 20px; text-align:center;
           position: relative;
           top: -18px;
           }
</style>
 <div>
<div class="fond">
     <div class="trait">
          <div class="texte">Georges Carlin</div>
Essayer d'être heureux en accumulant des biens, c'est comme essayer de satisfaire sa faim en se collant des sandwichs sur tout le corps.
     </div>
<br><br><br>

 
<div class="fond">
     <div class="trait">
          <div class="texte">Frederic Bastiat (1801 - 1850)</div>
Quand le pillage devient une manière de vie pour un groupe d’hommes vivant en société, ils se fabriquent avec le temps un système légal qui l’autorise et un code moral qui le glorifie.
</div><br><br><br><br>


 
<div class="fond">
     <div class="trait">
          <div class="texte">Desproges</div>
De tous ceux qui n'ont rien à dire, les plus agréables sont ceux qui se taisent !
     </div>
<br><br>


 
<div class="fond">
     <div class="trait">
          <div class="texte">John Fitzgerald Kennedy</div>
Trop souvent nous nous contentons du confort de l'opinion sans faire l'effort de penser.

     </div>
<br><br><br>


<div class="fond">
     <div class="trait">
          <div class="texte">Gérard Bauer</div>
Il y une chose pire encore que l'infamie des chaînes, c'est de ne plus en sentir le poids.
<br><br><br>

     </div></i>

Les formats ouverts à l’École, c'est maintenant ! Signez et diffusez : http://formatsouverts.education/
Membre de l'April - « promouvoir et défendre le logiciel libre » - http://www.april.org
Ubuntu 16.04 LTS avec Mate sur desktop | Ubuntu 17.10 & 18.04 LTS sur laptops
Également sur Mastodon.

Hors ligne

#3 Le 10/05/2018, à 16:16

enebre

Re : [Résolu] Thunderbird signature html

Merci Bristow,
C'est bien ce que j'avais espéré.
C'est tout bon smile

Tout est dans le détail, je n'ai pas pu trouver sur internet le sésame, j'ai de la chance que tu sois passé par là.


On n'écrit pas un "soucie", mais un "souci"
Insérer une miniature vers l' image pix.toile-libre.org voir aussi image et ici ou par script
Balises codes exemple

Hors ligne