Watermark on the photos.

Page 1 of 2 1, 2  Next

Go down

Watermark on the photos.

Post by smurfavr on 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
avatar
smurfavr
Active Poster

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

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

hello 

please contact the admin of that forum this is not a FM issue
avatar
skouliki
Graphic Designer
Graphic Designer

Female Posts : 3910
Reputation : 655
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Re: Watermark on the photos.

Post by SarkZKalie on 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
avatar
SarkZKalie
Forumember

Male Posts : 756
Reputation : 111
Language : English

http://rotavn.forumotion.com

Back to top Go down

Re: Watermark on the photos.

Post by smurfavr on 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.
avatar
smurfavr
Active Poster

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

Post by SarkZKalie on 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.
avatar
SarkZKalie
Forumember

Male Posts : 756
Reputation : 111
Language : English

http://rotavn.forumotion.com

Back to top Go down

Re: Watermark on the photos.

Post by smurfavr on 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.
avatar
smurfavr
Active Poster

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

Post by SarkZKalie on 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>
avatar
SarkZKalie
Forumember

Male Posts : 756
Reputation : 111
Language : English

http://rotavn.forumotion.com

Back to top Go down

Re: Watermark on the photos.

Post by smurfavr on 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?
avatar
smurfavr
Active Poster

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

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

Did you save the changes and publish the modified templates?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43514
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Re: Watermark on the photos.

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

Yes.
avatar
smurfavr
Active Poster

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

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

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43514
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Re: Watermark on the photos.

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

avatar
smurfavr
Active Poster

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

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

I got this message:  Could not mysql_connect to


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43514
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Re: Watermark on the photos.

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

avatar
smurfavr
Active Poster

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

Post by SarkZKalie on 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.
avatar
SarkZKalie
Forumember

Male Posts : 756
Reputation : 111
Language : English

http://rotavn.forumotion.com

Back to top Go down

Re: Watermark on the photos.

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

Could not mysql_connect to


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43514
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Re: Watermark on the photos.

Post by smurfavr on 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
avatar
smurfavr
Active Poster

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

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

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43514
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Re: Watermark on the photos.

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

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

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

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

Do you mean this?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43514
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Re: Watermark on the photos.

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

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

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

Post by vietkanpy on 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>
avatar
vietkanpy
Forumember

Male Posts : 85
Reputation : 32
Language : vietnam

http://www.hotrofm.net/

Back to top Go down

Re: Watermark on the photos.

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

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

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

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

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

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

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

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43514
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Re: Watermark on the photos.

Post by smurfavr on 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.
avatar
smurfavr
Active Poster

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

Post by vietkanpy on 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



avatar
vietkanpy
Forumember

Male Posts : 85
Reputation : 32
Language : vietnam

http://www.hotrofm.net/

Back to top Go down

Re: Watermark on the photos.

Post by smurfavr on 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


viewtopic_body


overall_header template
avatar
smurfavr
Active Poster

Male Posts : 1693
Reputation : 17
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Re: Watermark on the photos.

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

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43514
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Re: Watermark on the photos.

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

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

Male Posts : 85
Reputation : 32
Language : vietnam

http://www.hotrofm.net/

Back to top Go down

Page 1 of 2 1, 2  Next

Back to top


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