ICI header("Location: http://www.mytesting.fr ");

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;">&nbsp;</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;">&nbsp;</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&#39;UN LONG COU</span></font></strong></div>
</div>
</div>

 

RESULTAT

 
 
 
 
VOICI UN HERON AU LONG BEC
 
 
EMMANCHE D'UN LONG COU

commentaires

Haut de page