Advanced search  

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Pages: [1]   Go Down

Author Topic: Thumbnails background  (Read 5186 times)

0 Members and 1 Guest are viewing this topic.

whatsername1985

  • Coppermine newbie
  • Offline Offline
  • Posts: 19
Thumbnails background
« on: December 08, 2010, 10:54:22 pm »

Hi!

I want to add a background image to the thumbnails in the main page.

Iīve added it to:

Code: [Select]
.image {
background:url(MYBACKGROUNDIMAGE) no-repeat;
padding:20px 17px 24px 16px;}

but not only it shows behind the thumbnails but also behind the intermediate images!

How can I add it just behind the thumbnails??

I canīt find the answer anywhere, please help me.
Thank you.
Logged

lurkalot

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 947
  • +Tinyportal Support team.
Re: Thumbnails background
« Reply #1 on: December 08, 2010, 11:22:33 pm »

I believe your looking for this part in the css file,

Code: [Select]
.thumbnails {
    background: #EFEFEF ;
    padding: 5px;
}
Logged
Running SMF 2.1.4  / Tinyportal 3.0.0, bridged with Coppermine 1.6.25, plus cpmfetch 2.0.0

whatsername1985

  • Coppermine newbie
  • Offline Offline
  • Posts: 19
Re: Thumbnails background
« Reply #2 on: December 08, 2010, 11:26:15 pm »

I already tried that:

Code: [Select]
.thumbnails {

        background:url(MYBACKGROUNDIMAGE) no-repeat;
-moz-border-radius:6px;
-webkit-border-radius:6px;

}
but then the background image doesnīt seem to move. It appears on the left and I donīt know how to move it just behind the thumbnail. Any ideas?
Logged

Nibbler

  • Guest
Re: Thumbnails background
« Reply #3 on: December 08, 2010, 11:31:33 pm »

Use background-position. Post a link to your gallery so we can see what you are doing.
Logged

whatsername1985

  • Coppermine newbie
  • Offline Offline
  • Posts: 19
Re: Thumbnails background
« Reply #4 on: December 08, 2010, 11:54:31 pm »

The first screenshot is what I want to do.
But when I do that
Code: [Select]
        .image {
background:url(my image) no-repeat;
padding:20px 17px 24px 16px;

}

it also appears behind the intermediate picture (screenshot 3).

However, if I do this:
Code: [Select]
.thumbnails {
       background: url(myimage) no-repeat;

}

this happens (screenshot2)

Logged

Jeff Bailey

  • Dev Team member
  • Coppermine addict
  • ****
  • Country: us
  • Offline Offline
  • Gender: Male
  • Posts: 1322
  • Fishing relaxes me.
    • Bailey Family Co.
Re: Thumbnails background
« Reply #5 on: December 09, 2010, 12:54:07 am »

Post a link to your gallery so we can see what you are doing.
Logged
Thinking is the hardest work there is, which is probably the reason why so few engage in it. - Henry Ford

whatsername1985

  • Coppermine newbie
  • Offline Offline
  • Posts: 19
Re: Thumbnails background
« Reply #6 on: December 09, 2010, 01:39:24 pm »

Canīt you see it on the screenshots? I donīt want to share the link to my gallery here, sorry. Itīs not finished yet.
Logged

whatsername1985

  • Coppermine newbie
  • Offline Offline
  • Posts: 19
Re: Thumbnails background
« Reply #7 on: December 14, 2010, 08:57:47 pm »

Please, can anyone help me??  ??? ??? ???
Logged

Jeff Bailey

  • Dev Team member
  • Coppermine addict
  • ****
  • Country: us
  • Offline Offline
  • Gender: Male
  • Posts: 1322
  • Fishing relaxes me.
    • Bailey Family Co.
Re: Thumbnails background
« Reply #8 on: December 14, 2010, 09:19:00 pm »

Please post a link and I should be able to help.
Logged
Thinking is the hardest work there is, which is probably the reason why so few engage in it. - Henry Ford

whatsername1985

  • Coppermine newbie
  • Offline Offline
  • Posts: 19
Re: Thumbnails background
« Reply #9 on: December 14, 2010, 10:00:33 pm »

But I donīt want to post my link here. Is there any way I can send you a private message?
Logged

Jeff Bailey

  • Dev Team member
  • Coppermine addict
  • ****
  • Country: us
  • Offline Offline
  • Gender: Male
  • Posts: 1322
  • Fishing relaxes me.
    • Bailey Family Co.
Re: Thumbnails background
« Reply #10 on: December 14, 2010, 11:44:21 pm »

You need to update to 1.5.10

try this
Code: [Select]
.thumbnails {
background:url("images/thumbbg4.png") no-repeat scroll center 25% transparent;
}

of course remove the background from the .image class too.
« Last Edit: December 15, 2010, 12:12:03 am by Jeff Bailey »
Logged
Thinking is the hardest work there is, which is probably the reason why so few engage in it. - Henry Ford

Jeff Bailey

  • Dev Team member
  • Coppermine addict
  • ****
  • Country: us
  • Offline Offline
  • Gender: Male
  • Posts: 1322
  • Fishing relaxes me.
    • Bailey Family Co.
Re: Thumbnails background
« Reply #11 on: December 15, 2010, 12:15:46 am »

Use this instead. noticed center was off.

Code: [Select]
.thumbnails {
background:url("images/thumbbg4.png") no-repeat scroll 55% 25% transparent;
}
Logged
Thinking is the hardest work there is, which is probably the reason why so few engage in it. - Henry Ford

whatsername1985

  • Coppermine newbie
  • Offline Offline
  • Posts: 19
Re: Thumbnails background
« Reply #12 on: December 16, 2010, 08:20:28 pm »

Thanks for your help. Iīll try that later, because I updated the gallery as you told me and now my theme is lost and I canīt see the gallery! I donīt know what to do and Iīm asking for help on the forum.
Logged

whatsername1985

  • Coppermine newbie
  • Offline Offline
  • Posts: 19
Re: Thumbnails background
« Reply #13 on: December 16, 2010, 08:58:52 pm »

It worked!!!! THANK YOU! THANK YOU! THANK YOU!
Logged
Pages: [1]   Go Up
 

Page created in 0.021 seconds with 21 queries.