Welcome Guest! To access all forums & features, please register an account or sign-in. → Why register?



WordPress Watermark Plugin?


24 replies to this topic * * * * - 1 votes

#1 Mr.XXIV

    Shine bright like Iron Man.

  • 1,176 posts
  • Joined: 30-April 11
  • Location: Stratford, Connecticut
  • OS: OS X Mountain Lion 10.8.2
  • Phone: iPhone 4

Posted 01 February 2013 - 11:47

I'm trying to use a watermark that automatically adds the watermark image to the bottom of a post thumbnail automatically. I don't want it added on the image, but I want slapped right under it. Like 9GAG! :)

Anyone know anything about this?


#2 n_K

    Neowinian Wise One

  • 4,172 posts
  • Joined: 19-March 06
  • Location: here.
  • OS: FreeDOS
  • Phone: Nokia 3315

Posted 01 February 2013 - 11:54

Use CSS then.
.ImageDIv
{
position: relative;
}

.Image
{
padding-bottom:10px;
}

.Watermark
{
position: absolute;
bottom:0px;
right:0px;
}


#3 OP Mr.XXIV

    Shine bright like Iron Man.

  • 1,176 posts
  • Joined: 30-April 11
  • Location: Stratford, Connecticut
  • OS: OS X Mountain Lion 10.8.2
  • Phone: iPhone 4

Posted 01 February 2013 - 12:11

View Postn_K, on 01 February 2013 - 11:54, said:

Use CSS then.
.ImageDIv
{
position: relative;
}

.Image
{
padding-bottom:10px;
}

.Watermark
{
position: absolute;
bottom:0px;
right:0px;
}

I already have that by doing this:


#left .crop {
display: block;
overflow: hidden;
margin-top: -40px;
text-align: center;
}

#left .crop img {
margin: 40px auto 0;
}

But I'm aiming for a WordPress PHP plugin that creates the watermark automatically. Not like Watermark reloaded though, because I don't wanted added on top of the image, but right under.

#4 +Lingwo

    Neowinian Wise One

  • 4,745 posts
  • Joined: 22-April 03
  • Location: UK

Posted 01 February 2013 - 12:15

You don't need a plugin. A watermark is embedded in the image, where yes you'd need a plugin to do it.
Just add the code in between the loop where you get the post thumbnail.

What you want to do isn't really a job for a plugin, more of a theme feature.

#5 n_K

    Neowinian Wise One

  • 4,172 posts
  • Joined: 19-March 06
  • Location: here.
  • OS: FreeDOS
  • Phone: Nokia 3315

Posted 01 February 2013 - 12:29

View PostMr.XXIV, on 01 February 2013 - 12:11, said:

I already have that by doing this:


#left .crop {
display: block;
overflow: hidden;
margin-top: -40px;
text-align: center;
}

#left .crop img {
margin: 40px auto 0;
}

But I'm aiming for a WordPress PHP plugin that creates the watermark automatically. Not like Watermark reloaded though, because I don't wanted added on top of the image, but right under.
http://php.net/manua.../book.image.php
That has all you need to make said plugin.

#6 +littleneutrino

    I am the Little Neutrino

  • 13,222 posts
  • Joined: 25-July 05
  • Location: Newark, Ohio
  • OS: Windows 8
  • Phone: GS3 CM10.1

Posted 01 February 2013 - 12:45

http://wordpress.org...rmark-reloaded/

#7 OP Mr.XXIV

    Shine bright like Iron Man.

  • 1,176 posts
  • Joined: 30-April 11
  • Location: Stratford, Connecticut
  • OS: OS X Mountain Lion 10.8.2
  • Phone: iPhone 4

Posted 01 February 2013 - 13:21

View Postn_K, on 01 February 2013 - 12:29, said:

http://php.net/manua.../book.image.php
That has all you need to make said plugin.

It'll only just tell me the same thing Watermark Reloaded does in that manual.

View Postlittleneutrino, on 01 February 2013 - 12:45, said:


I've had the pro version of Watermark Reloaded before, and it only adds the watermark on top of the image. I want it added under, just like 9GAG where it can be hidden until someone tries to take the image.

#8 palenous

    Neowinian

  • 29 posts
  • Joined: 19-January 13
  • Location: Ohio, United States
  • OS: Windows 7 Ultimate
  • Phone: Samsung Galaxy SIII (Verizon)

Posted 01 February 2013 - 13:35

Do you want the watermark to still be a part of the image, just under it instead of overlaying it?

#9 +littleneutrino

    I am the Little Neutrino

  • 13,222 posts
  • Joined: 25-July 05
  • Location: Newark, Ohio
  • OS: Windows 8
  • Phone: GS3 CM10.1

Posted 01 February 2013 - 13:47

http://wordpress.org...link2watermark/

View Postpalenous, on 01 February 2013 - 13:35, said:

Do you want the watermark to still be a part of the image, just under it instead of overlaying it?

I think what they are looking for is a plugin that will not have a watermark on the image until it is either saved onto the client machine or linked out to another page. So on their own website it is not intrusive however, if you steal the image it will have a watermark.

#10 OP Mr.XXIV

    Shine bright like Iron Man.

  • 1,176 posts
  • Joined: 30-April 11
  • Location: Stratford, Connecticut
  • OS: OS X Mountain Lion 10.8.2
  • Phone: iPhone 4

Posted 01 February 2013 - 13:47

View Postpalenous, on 01 February 2013 - 13:35, said:

Do you want the watermark to still be a part of the image, just under it instead of overlaying it?

I do, I don't want them separated. Check out the site http://wtfyo.com. That's what I'm working on. If you move or take the image to the desktop, you'll see the image, but that's only because I photoshopped that watermark on there and CSS'd it to be 40 pixels hidden by overflow & margin.

Another thing is, not only can there be uploads within the dashboard, I have to make sure this function works in a custom upload page.

#11 palenous

    Neowinian

  • 29 posts
  • Joined: 19-January 13
  • Location: Ohio, United States
  • OS: Windows 7 Ultimate
  • Phone: Samsung Galaxy SIII (Verizon)

Posted 01 February 2013 - 14:06

Ok. So you want something like this: http://myers.in/testing/test.php but without the fading?

And then you can just set a containing div to the correct height with overflow:hidden; to make it appear as if there were no watermark.

#12 palenous

    Neowinian

  • 29 posts
  • Joined: 19-January 13
  • Location: Ohio, United States
  • OS: Windows 7 Ultimate
  • Phone: Samsung Galaxy SIII (Verizon)

Posted 01 February 2013 - 14:18

Fixed the fading issue: http://myers.in/testing/test.php

#13 OP Mr.XXIV

    Shine bright like Iron Man.

  • 1,176 posts
  • Joined: 30-April 11
  • Location: Stratford, Connecticut
  • OS: OS X Mountain Lion 10.8.2
  • Phone: iPhone 4

Posted 01 February 2013 - 14:20

View Postpalenous, on 01 February 2013 - 14:06, said:

Ok. So you want something like this: http://myers.in/testing/test.php but without the fading?

And then you can just set a containing div to the correct height with overflow:hidden; to make it appear as if there were no watermark.

YES! That's what I want! :D Of course, without the fade haha. I say built in instead of uploading with the watermark is much better and I can prevent images from being linked outside with .htaccess I suppose. :)

#14 palenous

    Neowinian

  • 29 posts
  • Joined: 19-January 13
  • Location: Ohio, United States
  • OS: Windows 7 Ultimate
  • Phone: Samsung Galaxy SIII (Verizon)

Posted 01 February 2013 - 15:01

Alright. That's easy enough to do, but it will take a little bit of work to add compatibility for more than just '.jpg' images. What kind of images will you be displaying (.png, .jpg, etc.)? Also, if you could post a bit of the code where your image handling is done, that would be very helpful.

#15 OP Mr.XXIV

    Shine bright like Iron Man.

  • 1,176 posts
  • Joined: 30-April 11
  • Location: Stratford, Connecticut
  • OS: OS X Mountain Lion 10.8.2
  • Phone: iPhone 4

Posted 01 February 2013 - 15:09

View Postpalenous, on 01 February 2013 - 15:01, said:

Alright. That's easy enough to do, but it will take a little bit of work to add compatibility for more than just '.jpg' images. What kind of images will you be displaying (.png, .jpg, etc.)? Also, if you could post a bit of the code where your image handling is done, that would be very helpful.

For now, just png & jpg. This is running on WordPress, so the image source is ran from <?php the_post_thumbnail('full'); ?>. But I can get just the post thumbnail url instead of the <img> tag that it creates.