image frame

drinkin_park

Joined: 2009-09-02
Posts: 11
Posted: Wed, 2009-09-02 14:40

i would like to add an image border to thumbs. Something like a second layer, i tried to watermark them, but the gallery resize image automatically and places it in the middle of the thumb. So is there any way for adding something like the attached image to album thumbnails so it looks like a frame?

AttachmentSize
1 (1).png32.23 KB
 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16503
Posted: Wed, 2009-09-02 17:41

Well you could create your own image frame:
http://codex.gallery2.org/Gallery2:Modules:imageframe

However, that's a table and you might not get exactly what you're looking for.

You could write your own module or hack at the watermark plugin

If all the images on your site are a consistent size, you could possibly edit your css or theme to have that image hover over your images. Probably won't work well in some/most/all versions of IE. Don't know if the newer versions actually know how to properly deal with a PNG is let alone handle transparency correctly.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

 
drinkin_park

Joined: 2009-09-02
Posts: 11
Posted: Wed, 2009-09-02 18:36

Thank you for your reply.

Yes, my "frame" is oval and it wil be cut in square because of the table structure.

All thumbs are same size.
I'll try this with the theme.css but if I had to add a layer what file should I edit? Probably album.tpl?

And have someone have some idea for making this easier or some hint for HTML Layers?

 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16503
Posted: Wed, 2009-09-02 19:11

Fire up Firefox with the Firebug extension and start inspecting your pages. Yes, album.tpl, but if everything is the same site (square thumbs) then I'd think you could just edit theme.css. Album thumbs have a different class name than photo thumbs.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

 
drinkin_park

Joined: 2009-09-02
Posts: 11
Posted: Wed, 2009-09-02 19:20

I have this plug in on both home and work computer : ))
I'll try to do it with CSS... some advice will be great appreciated : )

Thank you

 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16503
Posted: Wed, 2009-09-02 19:59

I'd have to hit google to figure out the css :)
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

 
drinkin_park

Joined: 2009-09-02
Posts: 11
Posted: Thu, 2009-09-03 10:20

okay, I made it somehow :P

I added in
theme.css

Quote:
.gallery-thumb {
...
position:relative;
margin-left: 30px;
margin-bottom: 30px;
margin-right: 30px;
margin-top: 10px;

and I placed this

Quote:
<img src="../../images/image-border-1.png" align="top" style="position:absolute; right:50; top:s30; width: 250px; height: 150px; z-index:1" />

before

Quote:
<div class="gallery-thumb">

but my image appears one column right skipping first one

some help?

example: http://park.aqualand.bg/main.php?g2_itemId=449

Thanks

 
nivekiam
nivekiam's picture

Joined: 2002-12-10
Posts: 16503
Posted: Thu, 2009-09-03 16:24
Quote:
position:absolute; right:50; top:s30;

That doesn't look right.

Also, try taking out the right:50 to see if that makes a difference.

Possibly try putting it inside the div for the thumb. I don't know, experiment, that's how I get anything done with CSS :)
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

 
drinkin_park

Joined: 2009-09-02
Posts: 11
Posted: Sun, 2009-09-06 11:49

that s30 is by mistake : ) I'm sure you know that and after changing it to "30" that isn't fix the problem.
Taking out "right:50" don't make any changes too ...

p.s.
if it's inside the div it moves over the image thumb, so i took it outside the div. That's why it's placed there

p.p.s.
but if it's inside the div, it's on all thumbs, not one column in the right as if it's outside the div