Fonctionnement

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Code d'une lettre :

Code:

<link href="https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap" rel="stylesheet"><style>.ObjFond {width:600px; height:auto; background: url(https://i.pinimg.com/564x/86/b0/98/86b0980ef543191114a946d7d4f1c90a.jpg); background-size:690px;padding:45px;font-family: 'Homemade Apple', cursive;line-height:25px;font-size:16px;border-radius:10px;} </style>

<div class="ObjFond ">
[right]Date[/right]

Contenu de la lettre.

</div>

Code d'une missive :

Code:

<link href="https://fonts.googleapis.com/css?family=Freckle+Face&display=swap" rel="stylesheet">
<style type="text/css">.imgs, .imgabove img, .imgbelow img { width: 500px; height: auto;} .imgs img { border-radius: 0px; } .imgabove { position: relative; z-index: 2; width: 500px; height: auto; opacity:1;} .imgbelow { position: relative;z-index: 1; width: 500px; height: auto; margin-top: -350px; opacity: 1; transform: rotate(-15deg);} .imgabove, .imgbelow { position:relative;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;transition: all 1s ease-in-out; } .imgs:hover .imgabove {opacity: 0; } .imgs:hover { opacity: 1; visibility: visible;} .lettreContenu { font-family: 'Homemade Apple', cursive; line-height: 25px; font-size: 16px; color:black; margin-top:30px; margin-left:25px; text-align:center; width: 450px;position:absolute; top:0;}</style>

<center><div width="500" align="center"><div class="imgs"><div class="imgabove" style="width: 500px; height: auto; overflow:hidden;"><img src="https://i.servimg.com/u/f47/11/04/94/76/envl_b10.png" /></div><div class="imgbelow"><img src="https://i.servimg.com/u/f47/11/04/94/76/papier10.png"/><div class="lettreContenu">Spicy jalapeno bacon ipsum dolor amet meatloaf short loin picanha pancetta pork belly shank boudin jerky filet mignon spare ribs. Tenderloin pastrami meatball chicken.

Attention à ne pas déborder de la feuille.</div></div></div></div></center>

Spicy jalapeno bacon ipsum dolor amet meatloaf short loin picanha pancetta pork belly shank boudin jerky filet mignon spare ribs. Tenderloin pastrami meatball chicken.

Attention à ne pas déborder de la feuille.