Support Forums

simple watermarking trick (css)

This is a discussion on simple watermarking trick (css) within the Modules / Plugins / Modifications forums, part of the Developer Forums category; Hi, I found a simple watermarkin trick i want to share. step one: add this to your viewlisting code: (please ...


Go Back   68 Classifieds Forums > Developer Forums > Modules / Plugins / Modifications

Reply
 
Thread Tools Display Modes
Old 10-12-2009, 04:43 PM   #1
Customer
 
damiun's Avatar
 
Join Date: Apr 2009
Posts: 412
Rep Power: 18
damiun is on a distinguished road
Default simple watermarking trick (css)

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)

Quote:
<!-- 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:

Quote:
<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
damiun is offline   Reply With Quote
Old 10-12-2009, 04:52 PM   #2
curmudgeon
 
Join Date: Mar 2006
Posts: 5,413
Rep Power: 138
Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light
Default

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.
__________________
Larry

Knowledge learned is more valuable than knowledge given.
Lhotch is offline   Reply With Quote
Old 10-12-2009, 09:57 PM   #3
Customer
 
Join Date: Aug 2008
Location: Canada
Posts: 66
Rep Power: 14
freeze2 is on a distinguished road
Default

Just curious...what benefit would watermarking the images be..?
__________________
Developer-v4.1.5 | Customized Theme
freeze2 is offline   Reply With Quote
Old 10-12-2009, 11:37 PM   #4
Genius At Work
 
bowers01's Avatar
 
Join Date: May 2008
Location: Geelong, Victoria, Australia
Posts: 1,089
Rep Power: 35
bowers01 is on a distinguished road
Default

Quote:
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
__________________
Nick Bowers
68c v4.1.10 Developer Custom Template
bowers01 is offline   Reply With Quote
Old 10-13-2009, 05:02 AM   #5
Customer
 
damiun's Avatar
 
Join Date: Apr 2009
Posts: 412
Rep Power: 18
damiun is on a distinguished road
Default

Hi,

This piece of css, together with the right-click disable code will do the trick. and you are not damaging the images
damiun is offline   Reply With Quote
Old 10-13-2009, 05:22 AM   #6
All Hands On Deck
 
 
Join Date: Mar 2008
Posts: 3,342
Rep Power: 84
seymourjames is a jewel in the rough
Default

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.
__________________
"The fool doth think he is wise, but the wise man knows himself to be a fool.".

TemplateCodes.com for 68C, Version 4 Templates & Modules
Get the Best U.S Hosting, Best U.K Hosting
seymourjames is online now   Reply With Quote
Old 10-13-2009, 06:29 AM   #7
Genius At Work
 
bowers01's Avatar
 
Join Date: May 2008
Location: Geelong, Victoria, Australia
Posts: 1,089
Rep Power: 35
bowers01 is on a distinguished road
Default

Quote:
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
__________________
Nick Bowers
68c v4.1.10 Developer Custom Template
bowers01 is offline   Reply With Quote
Old 10-13-2009, 08:16 AM   #8
curmudgeon
 
Join Date: Mar 2006
Posts: 5,413
Rep Power: 138
Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light Lhotch is a glorious beacon of light
Default

Quote:
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.
__________________
Larry

Knowledge learned is more valuable than knowledge given.
Lhotch is offline   Reply With Quote
Old 10-13-2009, 09:10 AM   #9
All Hands On Deck
 
 
Join Date: Mar 2008
Posts: 3,342
Rep Power: 84
seymourjames is a jewel in the rough
Default

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.
__________________
"The fool doth think he is wise, but the wise man knows himself to be a fool.".

TemplateCodes.com for 68C, Version 4 Templates & Modules
Get the Best U.S Hosting, Best U.K Hosting
seymourjames is online now   Reply With Quote
Old 10-14-2009, 11:07 AM   #10
All Hands On Deck
 
 
Join Date: Mar 2008
Posts: 3,342
Rep Power: 84
seymourjames is a jewel in the rough
Default

Quote:
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.
__________________
"The fool doth think he is wise, but the wise man knows himself to be a fool.".

TemplateCodes.com for 68C, Version 4 Templates & Modules
Get the Best U.S Hosting, Best U.K Hosting
seymourjames is online now   Reply With Quote
Reply

Thread Tools
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
2 Simple Queries - Perhaps? Unregistered Pre Sales Questions 3 07-08-2009 08:07 AM
Simple Q... Unregistered Pre Sales Questions 5 06-11-2009 01:30 PM
Watermarking pictures philoo Pre Sales Questions 9 08-31-2008 08:27 AM


All times are GMT -4. The time now is 07:56 PM.


Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2011, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0