Advanced search  

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Pages: [1]   Go Down

Author Topic: How to Add Glare effect to thumbnails  (Read 3744 times)

0 Members and 1 Guest are viewing this topic.

vrianlife

  • Coppermine newbie
  • Offline Offline
  • Posts: 5
How to Add Glare effect to thumbnails
« on: May 18, 2013, 10:06:57 am »

I would like to know how to get my thumbnails to show this glare on my thumbnails. I know its to images with the glare but how do I set it up? What code do I put? How do I place it and where?


EX. http://ultimate-rbd.org/gallery/

Thanks I appreciate the help
Logged

vrianlife

  • Coppermine newbie
  • Offline Offline
  • Posts: 5
Re: How to Add Glare effect to thumbnails
« Reply #1 on: May 19, 2013, 01:48:04 am »

I've noticed that a few have seen but not answered anything. Possibly I didn't explain correctly.

Is there a way that I can add an overlay image to the thumbnails? One that changes when hovered over?

I tried searching for this but have found anything.

Thanks I would appreciate the help.

Andre? lol
Logged

Niecher

  • LocalSupporter
  • Coppermine frequent poster
  • ***
  • Country: es
  • Offline Offline
  • Gender: Male
  • Posts: 191
Re: How to Add Glare effect to thumbnails
« Reply #2 on: May 19, 2013, 03:16:43 pm »

1.- Include these lines in your CSS file:

Code: [Select]
.crystal-effect{
display: block;
position: absolute;
background-image: url(images/thumbs01.png);
background-repeat: no-repeat;
width: 88px;
height: 98px;
margin-left: 8px;
}
.crystal-effect:hover{
background-image: url(images/thumbs02.png);
}
.crystal-effect:active{
background-image: url(images/thumbs03.png);
}

- Crystal thumbs files you should put in your images folder of your theme: thumbs01.png, thumbs02.png and thumbs03.png.
- You must customize the size of the thumbs glass effect, according to the size of your thumbnails in your gallery.
- Using Photoshop you can get different glass effects.

2.- Edit your themes.inc.php

Find the section:
Code: [Select]
/******************************************************************************
** Section <<<$template_thumbnail_view>>> - START
******************************************************************************/

In this section find the line:
Code: [Select]
<a href="{LINK_TGT}">{THUMB}<br /></a>
Replace the previous line for this one:
Code: [Select]
<a href="{LINK_TGT}"><span class="crystal-effect"></span>{THUMB}<br /></a>

Hope this helps you to put the thumbs glass effect in your gallery.
« Last Edit: May 19, 2013, 06:25:09 pm by Niecher »
Logged

vrianlife

  • Coppermine newbie
  • Offline Offline
  • Posts: 5
Re: How to Add Glare effect to thumbnails
« Reply #3 on: May 22, 2013, 09:44:56 pm »

It worked thank you very much  :)
Logged
Pages: [1]   Go Up
 

Page created in 0.016 seconds with 20 queries.