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: Help on CSS for new background image.  (Read 5184 times)

0 Members and 1 Guest are viewing this topic.

JoniW

  • Coppermine newbie
  • Offline Offline
  • Posts: 3
Help on CSS for new background image.
« on: August 17, 2010, 08:32:49 am »

I believe I have the most current release.  :-\

http://joniwarden.com/JoniWardenGallery/index.php My site.

I want to change the white background to my own image. I don't know where I enter the url of my image so that it will show. I also need to know how big my image should be so it won't tile.

Also, how to I make the tables more transparent? I want to be able to see the new image I place in the background a bit more. I am sure this is an opacity problem.
Logged

wuduheo

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 20
Re: Help on CSS for new background image.
« Reply #1 on: August 22, 2010, 05:35:29 am »

To make the tables transparent, you will have to edit the theme's CSS file, instead of it having background: #000000 or w/e color, make it background: url(/yourimagehere/background.png) or where ever your file is.

Your background will have to be a transparent .png file, you can make one in photoshop. Make it small though like around 50x50 then set it to repeat.

-

To change the background picture; put the your bg picture in your theme's images folder, then change "bg.gif" in the theme CSS file to what your background image is named.

CSS is a beautiful thing ^^ hope i helped!
Logged

wuduheo

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 20
Re: Help on CSS for new background image.
« Reply #2 on: August 22, 2010, 05:36:22 am »

oh yah forgot to add, Im super this works because i did it myself: http://momiji-bb.net/index.php
Logged

JoniW

  • Coppermine newbie
  • Offline Offline
  • Posts: 3
Re: Help on CSS for new background image.
« Reply #3 on: August 23, 2010, 12:15:37 am »

Tell me if anything I am saying is not right or slightly off and correct me?

So, if I want a transparent red table, I create it in ps, set the opacity lower and save that image as a png. Upload it to my server or... where ever... and then link it into my CSS sheet, inside my themes folder. What line am I looking for to change in the code?


The entire background image I want to display as background has to small? I wanted one image of my art to cover the whole entire background. I understand the tiling effect but then I'd have a thousand small pictures. Not exactly what I was looking for.

The "models" in your website background page ... that how big I wanted mine to display my image.
Logged

Jeff Bailey

  • Dev Team member
  • Coppermine addict
  • ****
  • Country: us
  • Offline Offline
  • Gender: Male
  • Posts: 1322
  • Fishing relaxes me.
    • Bailey Family Co.
Re: Help on CSS for new background image.
« Reply #4 on: August 23, 2010, 12:24:32 am »

Code: [Select]
body {
background:url("images/bg.gif") repeat scroll 0 0 #F2F5F7;
color:#000666;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,sans-serif;
font-size:12px;
margin:0;
}

The background image can be large.
add your image path and name where "images/bg.gif" is. You'll have to change the rest to make it the way you want.

The small image wuduheo is talking about is for your tables.
There are many changes you'd have to make in the css file to change all the tables

Read these:
http://documentation.coppermine-gallery.net/en/theme_create.htm#theme_create
http://documentation.coppermine-gallery.net/en/dev_tools.htm#dev_tools_firebug

Logged
Thinking is the hardest work there is, which is probably the reason why so few engage in it. - Henry Ford

phill104

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 4885
    • Windsurf.me
Re: Help on CSS for new background image.
« Reply #5 on: August 23, 2010, 12:26:16 am »

The background image can be whatever dimensions you wish, it if the background image for the tables, the transparrent one, that the above user is talking about here. I would create a 1*1 transparrent png for the main box and a darker 1*1 for the inner box. All the css is explained in the theme section of the docs as well as a little information on some tools such as the web developer toolbar or my favourite firebug for firefox plugin. With these tools you can click on any element of a live webpage and see exactly what css controls it. You can even test changes live. Using those tools and armed with the aformentioned docs it should only take a few clicks to work out what you need to change.

Wuduheo,

Be nice if you could contribute a custom theme based on yours to the community.

*edit - Jeff is on form tonight.
Logged
It is a mistake to think you can solve any major problems just with potatoes.

wuduheo

  • Coppermine novice
  • *
  • Offline Offline
  • Posts: 20
Re: Help on CSS for new background image.
« Reply #6 on: August 23, 2010, 01:06:26 am »

Wuduheo,

Be nice if you could contribute a custom theme based on yours to the community.

Mine is actually the dark velvet theme with a few mods. hehe
Logged

phill104

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 4885
    • Windsurf.me
Re: Help on CSS for new background image.
« Reply #7 on: August 23, 2010, 01:34:34 am »

I guessed that but the mods are nice. We often have variations on themes and the transparrency is nice. Simplify it to be more generic and you have a nice variation on the theme.
Logged
It is a mistake to think you can solve any major problems just with potatoes.
Pages: [1]   Go Up
 

Page created in 0.034 seconds with 20 queries.