How to add the image background on header and homepage

jennypretty

Joined: 2013-05-23
Posts: 4
Posted: Thu, 2013-05-23 16:53

Hello,

I am using a newest version of the script. I like to as you one question.

How to add the image background on header and homepage?

I tried to add this to css file:
{
background-image:url('bg.gif');
background-color:#cccccc;
}

It didn't work.

Can you help please?

Thanks.
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Thu, 2013-05-23 19:43

g-banner is the id of the dif at the top is that what your after?

#g-banner {
background-image:url('http://example.com/gallery3/lib/images/logo.png');
background-color:#cccccc;
}

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
 
jennypretty

Joined: 2013-05-23
Posts: 4
Posted: Wed, 2013-05-29 18:01

It didn't work.
Here is my updated screen.css:

body, html {
background-image: url('http://domain.net/themes/wind/css/bg.gif');
background-color:#FF66FF;
font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
body.gallery {
background-color:#9900FF;
background-repeat:repeat;
margin:0pt;
padding:0pt;
}

#g-banner {
padding:8px;
background-image:url('http://domain.net/themes/wind/css/bg.gif');
background-color:#cccccc;
}

Can you help?

Thanks.
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Wed, 2013-05-29 18:21

URL?
_____________________________________________
Blog & G2 || floridave - Gallery Team
 
jennypretty

Joined: 2013-05-23
Posts: 4
Posted: Wed, 2013-05-29 18:35

www.amyart.net
 
celticfox_317
celticfox_317's picture

Joined: 2013-06-22
Posts: 3
Posted: Sat, 2013-06-22 08:25

Hi I might be able to answer your question:

As you can see with my album using Gallery 3, I added a gradient background and changed the image at the top of the page. This is using the default skin WIND.

Example:
http://www.eastcoastmodders.com/albums

Here's how I did it:

1) Goto and Open up /lib/yui/ reset-fonts-grids.css

2) Add the image you want or repeating image you want here:

body, html {
color:#000;
background: url('bg_head.png') repeat-x;
height: 400px;
}

** As you can see I added a background image and asked it to repeat horizontal, I also set the height of the image.

3) Place the image you want in the same folder; yui

4) Save the reset-fonts-grids.css file or over write the original file.

Now you can have a image as the base image for the theme.

As for the image where the original one says Gallery there, here's how to change that.

1) Goto /themes/wind/views/

2) Open and edit the file: page.html.php and look for the line like this;

<img width="117" height="47" alt="<?= t("ECM Gallery logo: ECM Themes and More")->for_html_attr() ?>" src="<?= url::file("lib/images/new_gallery_logo2.png") ?>" />

3) Change the width and height of the image you are going to use, you can also change the description as well as seen above.

4) At the end of the code, place in the name of the image you want to use and make sure it is stored in the; lib/images/ folder

5) Save and over write the original file and your done.

___________________________

Hope this helps you out?

If you have problems with the reset-fonts-grids.css, my advise is to goto the end of every } and press enter twice, this will align the codes to the left making it much more easier to edit when needed.

Cheers,
Celticfox of East Coast Modders
 
jennypretty

Joined: 2013-05-23
Posts: 4
Posted: Sat, 2013-07-27 19:13

It does not work either.
thanks.