24 replies to this topic 1 votes

[Mr.XXIV]

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?

[n_K]

Use CSS then.

.ImageDIv
{
position: relative;
}

.Image
{
padding-bottom:10px;
}

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

[Mr.XXIV]

n_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.

[+Lingwo]

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.

[n_K]

Mr.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.

[+littleneutrino]

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

[Mr.XXIV]

n_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.

littleneutrino, on 01 February 2013 - 12:45, said:

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

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.

[palenous]

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

[+littleneutrino]

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

palenous, 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.

[Mr.XXIV]

palenous, 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.

[palenous]

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.

[palenous]

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

[Mr.XXIV]

palenous, 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! 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.

[palenous]

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.

[Mr.XXIV]

palenous, 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.