The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Watermark on the photos.

+2
skouliki
smurfavr
6 posters

Page 1 of 2 1, 2  Next

Go down

Watermark on the photos. Empty Watermark on the photos.

Post by smurfavr April 2nd 2018, 11:15 am

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
smurfavr
smurfavr
Active Poster

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by skouliki April 2nd 2018, 12:21 pm

hello 

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

Female Posts : 15240
Reputation : 1702
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by SarkZKalie April 3rd 2018, 12:21 am

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>


Last edited by SarkZKalie on April 4th 2018, 10:47 pm; edited 1 time in total


Watermark on the photos. Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1439
Reputation : 220
Language : English

https://rotavn.forumotion.com/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by smurfavr April 3rd 2018, 5:28 pm

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.
smurfavr
smurfavr
Active Poster

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by SarkZKalie April 4th 2018, 11:09 am

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


Watermark on the photos. Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1439
Reputation : 220
Language : English

https://rotavn.forumotion.com/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by smurfavr April 4th 2018, 6:56 pm


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.
smurfavr
smurfavr
Active Poster

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by SarkZKalie April 4th 2018, 10:47 pm

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>


Watermark on the photos. Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1439
Reputation : 220
Language : English

https://rotavn.forumotion.com/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by smurfavr April 4th 2018, 11:23 pm

@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?
smurfavr
smurfavr
Active Poster

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by SLGray April 4th 2018, 11:31 pm

Did you save the changes and publish the modified templates?


Watermark on the photos. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51402
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by smurfavr April 4th 2018, 11:34 pm

Yes.
smurfavr
smurfavr
Active Poster

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by SLGray April 4th 2018, 11:43 pm

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


Watermark on the photos. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51402
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by smurfavr April 4th 2018, 11:55 pm

smurfavr
smurfavr
Active Poster

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by SLGray April 5th 2018, 12:10 am

I got this message:  Could not mysql_connect to


Watermark on the photos. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51402
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by smurfavr April 5th 2018, 12:12 am

smurfavr
smurfavr
Active Poster

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by SarkZKalie April 5th 2018, 1:10 am

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

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


Watermark on the photos. Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1439
Reputation : 220
Language : English

https://rotavn.forumotion.com/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by SLGray April 5th 2018, 8:55 pm

Could not mysql_connect to


Watermark on the photos. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51402
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by smurfavr April 5th 2018, 9:09 pm

SLGray wrote:
Could not mysql_connect to

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

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by SLGray April 5th 2018, 9:16 pm

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


Watermark on the photos. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51402
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by smurfavr April 5th 2018, 9:26 pm

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

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by SLGray April 5th 2018, 10:00 pm

Do you mean this?
Watermark on the photos. Hlstat10


Watermark on the photos. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51402
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by smurfavr April 6th 2018, 9:49 am

Yes, but the watermark does not appear in the picture.
smurfavr
smurfavr
Active Poster

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by vietkanpy April 9th 2018, 9:45 am

Hi you can test code Smile

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
vietkanpy
Forumember

Male Posts : 89
Reputation : 33
Language : vietnam

http://benhxahoivn.com/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by smurfavr April 9th 2018, 1:58 pm

@vietkanpy
And this code does not work.
smurfavr
smurfavr
Active Poster

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by smurfavr April 15th 2018, 10:42 am

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

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by SLGray April 16th 2018, 12:32 am

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


Watermark on the photos. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51402
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by smurfavr April 16th 2018, 8:05 am

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
smurfavr
Active Poster

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by vietkanpy April 16th 2018, 12:27 pm

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

Watermark on the photos. CYey1KgQRfqnJ-QcWl9NWg

vietkanpy
vietkanpy
Forumember

Male Posts : 89
Reputation : 33
Language : vietnam

http://benhxahoivn.com/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by smurfavr April 16th 2018, 2:43 pm

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

overall_footer
Watermark on the photos. HyrnJMuxJROCRpD8kpp5SJJ1523882381

viewtopic_body
Watermark on the photos. RttttttttttttttttttGaxK1QZpq7G3MKssXGXU1523882410_sredna

overall_header template
Watermark on the photos. Rtttttttttttttttttt57OiguWopp6FTHTMUpEP1523882588_sredna
smurfavr
smurfavr
Active Poster

Male Posts : 1881
Reputation : 22
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by SLGray April 16th 2018, 7:53 pm

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


Watermark on the photos. Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51402
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Watermark on the photos. Empty Re: Watermark on the photos.

Post by vietkanpy April 17th 2018, 2:17 am

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

Male Posts : 89
Reputation : 33
Language : vietnam

http://benhxahoivn.com/

Back to top Go down

Page 1 of 2 1, 2  Next

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum