The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How do I zoom in on a photo when I click on it and put a watermark?

View previous topic View next topic Go down

Solved How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on June 18th 2017, 1:58 pm

How do I zoom in on a photo when I click on it and put a watermark?
@vietkanpy I saw it in your forum. My version of the forum is phpbb2.

1.


2.


Last edited by smurfavr on July 26th 2017, 8:00 pm; edited 1 time in total
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by SLGray on June 18th 2017, 8:55 pm



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

avatar
SLGray
Administrator
Administrator

Male Posts : 39754
Reputation : 2681
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on June 18th 2017, 11:18 pm

Thanks.
And for the second question?
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on June 22nd 2017, 1:14 pm

Up
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by SarkZKalie on June 22nd 2017, 1:40 pm

Insert manually by Photoshop or Paint.
avatar
SarkZKalie
Forumember

Male Posts : 575
Reputation : 87
Language : English

http://rotavn.nstars.org/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on June 22nd 2017, 3:17 pm

It has another way that is code.
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on June 28th 2017, 12:31 pm

Up
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on June 30th 2017, 12:55 pm

Up
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on July 2nd 2017, 5:22 am

@vietkanpy Will you tell me how to do it?
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on July 5th 2017, 12:38 pm

@smurfavr wrote:@vietkanpy Will you tell me how to do it?

Up
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on July 9th 2017, 5:00 pm

Up
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by YoshiGM on July 10th 2017, 3:53 am

Hello, Try using Javascript:

Code:
$(function() {
$(".sceditor-container").after('<img src=WATERMARK LINK HERE />');
});

Try to use a style attribute to adjust the image in the code like this:

Code:
<img style="margin-right: -240px;" src=WATERMARK LINK HERE />

Play with the code Wink
avatar
YoshiGM
Forumember

Male Posts : 612
Reputation : 89
Language : Spanish (Native), English & Italian (16%)
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on July 10th 2017, 7:37 am

This code is placed as Javascript.
Code:
$(function() {
$(".sceditor-container").after('<img src=WATERMARK https://i58.servimg.com/u/f58/16/34/78/03/56652710.png />');
});


Where is it placed?
Code:
<img style="margin-right: -240px;" src=WATERMARK LINK HERE />
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by YoshiGM on July 10th 2017, 3:13 pm

As i said yesterday, remplace the second code in the parenthesis to adjust the position of the watermark

Code:
$(function() {
$(".sceditor-container").after('<img style="margin-right: -240px;" src=WATERMARK LINK HERE />');
});

Wink
avatar
YoshiGM
Forumember

Male Posts : 612
Reputation : 89
Language : Spanish (Native), English & Italian (16%)
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on July 10th 2017, 5:01 pm

I put a code but no watermark appears on the photos.
Code:
$(function() {
$(".sceditor-container").after('<img style="margin-right: -240px;" src=WATERMARK https://i58.servimg.com/u/f58/16/34/78/03/56652710.png />');
});
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by YoshiGM on July 10th 2017, 5:15 pm

Then, the more easiest method is edit the image and add the watermark manually in adobe photoshop.
Create a new layer add the text or image that you want and change the opacity value in the layers options.

avatar
YoshiGM
Forumember

Male Posts : 612
Reputation : 89
Language : Spanish (Native), English & Italian (16%)
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on July 10th 2017, 8:00 pm

To me, it is necessary to automatically place a watermark. I've seen somewhere in the internet code for that, but I can not find it.
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on July 12th 2017, 10:10 am

@vietkanpy Will you tell me how to do it?
UP
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on July 15th 2017, 12:53 pm

@smurfavr wrote:@vietkanpy Will you tell me how to do it?
UP
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by Justice™ on July 15th 2017, 1:25 pm

Hello,

Add this js code with placement on all pages(if you want watermarks everywhere, otherwise select other option):
Code:
window.wmark={};
wmark.copyright="Code by Wolfuryo. Usage of this code without this notice will result in the destruction of the website using it.";
wmark.config={
proh:["http://i58.servimg.com/u/f58/16/34/78/03/aghl_b10.gif"],
text:"FORUM",
color:"#f2f2f2",
opacity:"0.8"
};
wmark.init=function(){
wmark.img="img";
var i=0;
var len=$(wmark.img).length;
for(i;i<len;i++){
var im=$(wmark.img).eq(i);
var sc=im.attr("src");
if(wmark.config.proh.indexOf(sc)==-1){
im.after("<div id='wmark' style='margin-top:-15px;font-weight:bold;color:"+wmark.config.color+";opacity:"+wmark.config.opacity+"'>"+wmark.config.text+"</div>");
};
};
};
$(function(){
wmark.init();
})
Modifications:
Code:
proh:["http://i58.servimg.com/u/f58/16/34/78/03/aghl_b10.gif"]
This is a list of images where you don't want the watermark applied. Make sure to put a comma between the image links and also the links have to be in quotes(" and ").
Code:
text:"FORUM",
The watermark text Replace FORUM with whatever you want.
Code:
color:"#f2f2f2",
The color of the text. #f2f2f2(white) can be replaced with another RGB, HEX code or color name.
Code:
opacity:"0.8"
The opacity of the text. Can take any value from 0 to 1(include values like 0.323).

If you want just images that have a certain id or class to have watermarks, then replace img (from
Code:
wmark.img="img";
) with that id or class.

Note:If I were you, I would not use this code(or any other code that adds watermarks). It will lead to a lot of unnecessary trouble.
avatar
Justice™
Forumember

Posts : 491
Reputation : 116
Language : Romanian and English

http://board.realmsn.com

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on July 15th 2017, 1:47 pm

Wolfuryo wrote:

Note:If I were you, I would not use this code(or any other code that adds watermarks). It will lead to a lot of unnecessary trouble.

What problems?

psp
I want when a picture from my forum is downloaded, the watermark remains in the picture. Currently, the code does not.
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by Justice™ on July 15th 2017, 2:18 pm

First question:Badly placed watermarks, watermarks in placed where they should not be(for example smilies), problems on small images etc.
Second question:To achieve that you have to do some server-side scripting with PHP. The modified images will have to be stored somewhere. Your forum is not an option(we don't have FTP access), my server is not an option either(there are many images and I don't have unlimited storage on it). I can work on it if you manage to get a server of your own and send me the ftp data via PM. I will also need access to an admin account(not necessary founder).
avatar
Justice™
Forumember

Posts : 491
Reputation : 116
Language : Romanian and English

http://board.realmsn.com

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on July 15th 2017, 2:35 pm

Wolfuryo This is a lot of work for you. Thanks for the help.

@vietkanpy There is such a code, but he does not want to share it.
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by Justice™ on July 15th 2017, 3:16 pm

@smurfavr wrote:This is a lot of work for you. Thanks for the help.
Actually, It wouldn't take me more than 15 minutes to finish something like this. Cool
@smurfavr wrote:@vietkanpy There is such a code, but he does not want to share it.
I wouldn't share a code from my forum either. The only way that I know to make the image downloaded is by using PHP(or other server-side language). Most likely vietkanpy is editing the images using photoshop or something like that to add the watermark.
avatar
Justice™
Forumember

Posts : 491
Reputation : 116
Language : Romanian and English

http://board.realmsn.com

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by smurfavr on July 23rd 2017, 11:57 am

Does anyone know a watermark code?
avatar
smurfavr
Active Poster

Male Posts : 1559
Reputation : 13
Language : Bulgarian

http://smurfa.bulgarianforum.net/

Back to top Go down

Solved Re: How do I zoom in on a photo when I click on it and put a watermark?

Post by Draxion on July 27th 2017, 6:31 am

Seeing as this was solved, I am going to archive it. If it isn't, you may PM to have the topic back.
Problem solved & topic archived.
Please read our forum rules: ESF General Rules


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 1561
Reputation : 200
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

View previous topic View next topic Back to top


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