103.025 visiteurs uniques depuis la création

ECRIRE PAR TRANSPARENCE SUR UNE IMAGE PLACEE DANS UN CADRE.

par André MARINI 6 Décembre 2015, 09:17 Images

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

VOICI UN HERON AU LONG BEC

EMMANCHE D'UN LONG COU