Background image in pages

11 Feb 2008, 3:44 PM

#1

New Zenner

Join Date:: Sep 2007
Posts:: 96
Plugin Contributions:: 0

Background image in pages

How can I put a different background in the product pages so that the homepage and other e-z pages, for example, have a different background to the product pages. I mean the background in the whole page,
body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #ffffff;
margin-top: 12px;
background-image: url(http://www.site.com/shop/images/background.gif%29;

for example.

Thanks.

11 Feb 2008, 3:54 PM

#2

kobra

Black Belt

Join Date:: Aug 2005
Location:: Arizona
Posts:: 31,500
Plugin Contributions:: 4

Re: Background image in pages

Locate & read your cssreadme.txt

11 Feb 2008, 3:58 PM

#3

busymum

New Zenner

Join Date:: Sep 2007
Posts:: 96
Plugin Contributions:: 0

Re: Background image in pages

Thanks. So if I create this: page_name.css // changes to one page

how do I get it to work?

11 Feb 2008, 4:01 PM

#4

kobra

Black Belt

Join Date:: Aug 2005
Location:: Arizona
Posts:: 31,500
Plugin Contributions:: 4

Re: Background image in pages

it auto magic

11 Feb 2008, 4:05 PM

#5

busymum

New Zenner

Join Date:: Sep 2007
Posts:: 96
Plugin Contributions:: 0

Re: Background image in pages

Sorry, I'm confused. The pages don't actually have names as the info is called in using php. So, what do I call page_name.css in order to get a different background on the product pages? Sorry if it's obvious!

11 Feb 2008, 4:13 PM

#6

kobra

Black Belt

Join Date:: Aug 2005
Location:: Arizona
Posts:: 31,500
Plugin Contributions:: 4

Re: Background image in pages

Load the page and check the address in the browser i.e.

/index.php?main_page=page&id=4

11 Feb 2008, 4:38 PM

#7

busymum

New Zenner

Join Date:: Sep 2007
Posts:: 96
Plugin Contributions:: 0

Re: Background image in pages

OK will try that. Thanks.

11 Feb 2008, 6:46 PM

#8

busymum

New Zenner

Join Date:: Sep 2007
Posts:: 96
Plugin Contributions:: 0

Re: Background image in pages

I can't get that to work. It won't save the .css as the page name. Can you give me some clear instructions on how to do this. Thanks.

11 Feb 2008, 7:15 PM

#9

kobra

Black Belt

Join Date:: Aug 2005
Location:: Arizona
Posts:: 31,500
Plugin Contributions:: 4

Re: Background image in pages

It won't save the .css as the page name.
???What are you using to make these files?

11 Feb 2008, 7:26 PM

#10

busymum

New Zenner

Join Date:: Sep 2007
Posts:: 96
Plugin Contributions:: 0

Re: Background image in pages

Dreamweaver 8.

11 Feb 2008, 7:28 PM

#11

kobra

Black Belt

Join Date:: Aug 2005
Location:: Arizona
Posts:: 31,500
Plugin Contributions:: 4

Re: Background image in pages

Try a plain text editor or code editor - save locally and FTP to your host

12 Mar 2008, 7:44 PM

#12

dhaven

New Zenner

Join Date:: Sep 2007
Posts:: 12
Plugin Contributions:: 0

Re: Background image in pages

Hi, I'm interested in this too. can you be specific on what you call the .css file. eg. my page is:

/index.php?main_page=product_info&products_id=68

does that mean i name the 'page_name.css to:

page_68.css

?

thank you

12 Mar 2008, 11:09 PM

#13

dhaven

New Zenner

Join Date:: Sep 2007
Posts:: 12
Plugin Contributions:: 0

Re: Background image in pages

Got it! If anyone was as lost as me: the page name is the number right at the end.:clap::clap:

13 Mar 2008, 12:42 AM

#14

burelphotography

New Zenner

Join Date:: Mar 2008
Location:: GA, USA
Posts:: 7
Plugin Contributions:: 0

Re: Background image in pages

Quit trying to load it as an web link. Link to the image file directly instead.

background-image: url(../images/PhotoGray_browser_bg-2.jpg)

4 Apr 2008, 9:12 AM

#15

aleemx316

New Zenner

Join Date:: Mar 2008
Posts:: 29
Plugin Contributions:: 0

Re: Background image in pages

Hi ok i have a smiliar question my site
http://www.bescaribbean.net/products/

i want to put a background image in the white areas of the pages.

How to do it plz??