Beaucoup de logiciels proposent ceci, comme paintnet par exemple.
Voici comment le réaliser soi-même après avoir placé l' image. Quand l'image est placée, il suffit d'écrire son texte, en couleur ou en noir.
Dans mon exemple, le texte sera en rouge.
<font color="#ff0000">
J'aurais pu mettre <font color="red">
On notera aussi que j'ai réduit les marges à 00px; mais bien entendu, en les augmentant, on peut placer l'image bordée dans le cadre.
La bordure du cadre est limité à 1 px; noir. On peut l'augmenter et changer la couleur.
VOUS NE POURREZ, BIEN ENTENDU, ECRIRE QUE SUR LA PARTIE EN TRANSPARENCE.
CODE
<div style="text-align: -webkit-auto; background-image: url('http://data.over-blog-kiwi.com/1/30/51/51/20151206/ob_1ab791_heron.jpg'); margin: auto; border: 1px solid #663333; width: 600px;">
<div style="text-align: center;"> </div>
<div style="background-color: rgba(255, 255, 255, 0.5); margin: auto; padding: 00px 00px 00px 00px; width: 500px; height: 300px; border: 1px solid #ffffff;">
<div style="text-align: center;"> </div>
<div style="text-align: center;"><strong><font color="#ff0000"><span style="font-size: 24px; line-height: 36px;">VOICI UN HERON AU LONG BEC EMMANCHE D'UN LONG COU</span></font></strong></div>
</div>
</div>
RESULTAT
Haut de page
commentaires