V4.1.x simple watermarking trick (css)

[damiun +]

Hi,

I found a simple watermarkin trick i want to share.

step one:


add this to your viewlisting code: (please download the css and place it on your own server)

<!-- css watermark required stylesheet -->
<link href="http://www.damiun.nl/watermark/watermark.css" type="text/css" rel="stylesheet"></link>
<!-- / css watermark required stylesheet -->

step two

add this around your img scr:

<div class="watermark bottomright" id="watermark_01">
<div class="text" id="watermark_01_text">Watermark Text</div>
(here your img source ) </div>

Thanks to Website Scripts and Components @ Martin Ivanov

[Lhotch +]

This is fine if you simply want to add a note over the top of an image but it in no way protects the image because the "watermark" is simply displayed over the top, its not actually part of the source image so offers no protection at all if thats your goal. On that same note, because its css controlled if I hot link to an image on your site to have it displayed on mine there wont be a watermark when the image is viewed on my site.

If your goal is just to add a neat message over the top its a good quick trick for sure.

[freeze2 +]

Just curious...what benefit would watermarking the images be..?

[bowers01 +]

Originally Posted by freeze2

Just curious...what benefit would watermarking the images be..?

If its done the proper way(which is very hard) users know that the image was uploaded though your site and not just linked from somewhere else.
Also the fact that if someone else uses the images from your site it is free advertising.
And if its done this way i guess it just makes it look a little more professional.
Nick

[damiun +]

Hi,

This piece of css, together with the right-click disable code will do the trick. and you are not damaging the images

[seymourjames +]

The correct way to do it is to protect your images directory and to use a piece of code to put a water mark on the fly without touching your images. If anyone is interested? I can show them how to do it. It works well and you can place any watermark on you like and in any position. The only thing you will need to do is display your images full size on your viewlisting urls. At this time you cannot put the watermark on through lightbox or thickbox or our gallery without considerable changes. This technique also prevents robots harvesting your images which is the main problem and not people right clicking.

contact me at at sales on our website . I can then show you an example.

[bowers01 +]

Originally Posted by damiun

Hi,

This piece of css, together with the right-click disable code will do the trick. and you are not damaging the images

Disabling the right click funtion wont stop people from getting your images, if they want them they will be able to get them
Nick

[Lhotch +]

Originally Posted by damiun

Hi,

This piece of css, together with the right-click disable code will do the trick. and you are not damaging the images

right click disable is java script which runs oin the client, disable javascript and guess what...yep you can right click. Not to mention you can always just view the source to see a link to the image.

[seymourjames +]

Exactly.

Every image with the correct way of doing it, gets a url in the source which is not the url of the actual image. They can harvest or right click as long as they like. What amuses me the most is the harvesters will fill their servers with dud images - kind of a little revenge on them.

Right click gives this url also which is not the true source of the real image. The harvesters or right clickers will need to modify the urls.

Now if someone is really determined they can right click and modify the url after getting the dud image. They will need to see how to modifythe url that they see - you can play lots of games with them on this. The real ones to watch for are not right clickers but harvesters who will strip your site and represent it as their own material to google and plaster their site with google ads.

The way round this is to actually use .htaccess to prevent them but to be frank if they have gone to this much trouble already then whatever you do, a person will find a way round. Its like spamming.

All I can say is I have a nice easy way to watermark in a professional manner without presenting urls which are directly linked to the raw images.

[seymourjames +]

Originally Posted by freeze2

Just curious...what benefit would watermarking the images be..?

Not a lot unless you wish to protect your images from being copied and used somewhere else like a photographer or artist might want to.