Protejeaza o imagine ~ Pentru Webmasters

Cu ajutorul unui cod simplu putem proteja o imagine propietate particulara. Trucul acestui efect consta in scrierea unui text sau adaugarea unui patrat cu text transparent direct pe imagine. Simplitatea acestui cod iti da posibilitatea de a schimba culoarea textului,marimea acestuia, distanta fata de Top, pozitia pe imagine etc.

Folosind urmatorul cod poti scrie un text direct pe imagine:

<img src="http://URL_IMAGINE"width=350 height=250><div style="position: relative;top: -200px;font: 16pt Haettenschweiler;font-weight:;color: #ffffff;margin-left: 10px;">TEXTUL VINE AICI</div>

Rezultatul vezi imaginea urmatoare:

IMAGINE PROTEJATA
www.nouwidget.blogspot.com

Pentru a adauga un patrat cu text transparet pe o imagine foloseste urmatorul cod:

<DIV align="center">
<div style="width:350px;height:250px;background:url(URL_IMAGINE)">
</div>
<p style="width:200px;text-align:justify;border:1px solid maroon;padding:5px;font-weight:bold;position:relative;top:-190px;left:10px;
color:black;background:white;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;">
TEXT
</p>
</DIV>

Rezultatul il vezi mai jos:

IMAGINE PROTEJATA

Daca te intereseaza sa scri un text anume pe o imagine citeste mai departe...