Watermark on the photos.

Can you translate this lesson into English because Gugle does not translate well and I do not understand how to do it.
http://www.hotrofm.net/t582-thu-thuat-dong-dau-ban-quyen-watermark-vao-anh-blogspot-forumotion

hello 

please contact the admin of that forum this is not a FM issue

You have to put this first script in overall_footer template

Code:

<script src="https://dl.dropboxusercontent.com/s/karip7yyl83aaek/jquery.watermark.min.js?dl=0"></script>
<script>// path to the watermark image
$(function(){
 //add text water mark;
 $('.watermarktext img').watermark({
  text: 'hotrofm.net',
  textWidth: 100,
  textColor: 'white'
 });
 //add image water mark
 $('.watermarkimg img').watermark({
  path: 'https://dl.dropboxusercontent.com/s/nunjceykpqq1j1g/logo.png'
 });
})
</script>

Next step, choose what you wanna display a watermark by text or image and then give it a div class inside your content.
Example :

Code:

Search and locate {postrow.displayed.MESSAGE} in viewtopic_body template
Replace <div class="watermarktext">{postrow.displayed.MESSAGE}</div> for TEXT only or <div class="watermarkimg">{postrow.displayed.MESSAGE}</div> for image.


Last step, add this jQuery library 2.1.4 to your overall_header template

Code:

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

1 Script where to put it in the overall_footer at the bottom or?

This code how to change it and where to put it?

Code:

Search and locate {postrow.displayed.MESSAGE} in viewtopic_body template
Replace <div class="watermarktext">{postrow.displayed.MESSAGE}</div> for TEXT only or <div class="watermarktext">{postrow.displayed.MESSAGE}</div> for image.

Both of them can put in overall_header template.
Last step, replace {postrow.displayed.MESSAGE} by a div with class inside.

I can not understand how to do it.
Last step, replace {postrow.displayed.MESSAGE} by a div with class inside.

Can you do it and give the code. If you can explain in other words how it's done because Gugle does not translate well and I can not figure out how to do it.

It's mean you have to search this variable {postrow.displayed.MESSAGE} in your viewtopic_body template. And then, replace it by this one

Code:

<div class="watermarktext">{postrow.displayed.MESSAGE}</div>

or if you prefer an image for watermark (not text)

Code:

<div class="watermarkimg">{postrow.displayed.MESSAGE}</div>

@SarkZKalie

I added the code to overall_footer

Code:

<script src="https://dl.dropboxusercontent.com/s/karip7yyl83aaek/jquery.watermark.min.js?dl=0"></script>
<script>// path to the watermark image
$(function(){
 //add text water mark;
 $('.watermarktext img').watermark({
  text: 'BG-SMURFA-HL',
  textWidth: 100,
  textColor: 'white'
 });
 //add image water mark
 $('.watermarkimg img').watermark({
  path: 'https://dl.dropboxusercontent.com/s/nunjceykpqq1j1g/logo.png'
 });
})
</script>

I added the code to viewtopic_body

Code:

<div class="watermarkimg">{postrow.displayed.MESSAGE}</div>

I added the code to overall_header

Code:

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

No watermark appears on the photos. Why?

Did you save the changes and publish the modified templates?

Yes.

Please post a link to where an image that should have the watermark that guests can see.

This is my test forum.
http://vracatestforum.bulgarianforum.net/t55-topic

I got this message:  Could not mysql_connect to

I think it was conflicted with current pre-installed jQuery library.

@vietkanpy this guy need your help so I'll summon you.

smurfavr wrote:http://vracatestforum.bulgarianforum.net/t55-topic#216

Could not mysql_connect to

SLGray wrote:

smurfavr wrote:http://vracatestforum.bulgarianforum.net/t55-topic#216

Could not mysql_connect to

It's working for me. I do not know why you can not open it. http://vracatestforum.bulgarianforum.net

I can load your forum, but not the topic you linked.

Visit the TEST section where I posted a photo theme. http://vracatestforum.bulgarianforum.net/forum

Do you mean this?

Yes, but the watermark does not appear in the picture.

Hi you can test code

Code:

<script>
$(function(){
 $('.watermarktext img').watermark({
  text: 'hotrofm.net',
  textWidth: 100,
  textColor: 'white'
 });
 $('.watermarkimg img').watermark({
  path: 'https://dl.dropboxusercontent.com/s/nunjceykpqq1j1g/logo.png'
 });
})
</script>

@vietkanpy
And this code does not work.

smurfavr wrote:@vietkanpy
And this code does not work.

Up

You need to make sure that the images you will add this to are exactly created by you.

SLGray wrote:You need to make sure that the images you will add this to are exactly created by you.

I did not understand what you meant.

smurfavr wrote:@vietkanpy
And this code does not work.

hi smurgavr

demo code : http://cdkinhtethainguyen.disneytopic.com/t88-ieu-gi-khien-cac-chi-em-cham-co-bau#92

@vietkanpy
I've placed the code as it says, but it does not work for me. My forum is a version phpbb2

overall_footer


viewtopic_body


overall_header template

I mean any image with your watermark has to be created by you, not someone else.

You can send admin/pass to inbox me. I busy i not fast fix code of you