Is it possible to change selected backgrounds?

[Guest]

Just wondering if it's possible to change the right and left column backgrounds only?? I have an image I would like to use in exchange for the color, but I only see an area to change the background for the whole store is the stylesheet...

 

Thanks!

[Guest]

yes there is!!!

It was a contribution I downloaded:

--------

osCommerce Shipping contribution

 

This contribution change the background in Column_left and Column_right from the color setted in Stylesheet.css to a selfmade image

 

 

----------------------

 

Contribution created from Massimiliano Pepe

 

massimiliano@primocontatto.com

 

http://www.southmodel.it

 

 

Tested on osCommerce Milestone 2.2 @ www.oscommerce.org

 

 

Installation:

 

 

--------------------- step 1

 

 

put "columnbkg.gif" in:

 

catalog/images/

 

your can change this images us you wish, if you change the name, modify it in the next passage!

 

 

--------------------- caution

 

 

Now back-up your files! :D , after...........

 

 

---------------------- step 2

 

 

For insert in column_left.php the background find in (usually) ALL of the page in your catalog/ folder:

 

<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">

<!-- left_navigation //-->

 

and replace with:

 

<td width="1oo" valign="top" background="images/LBROSE.jpg"><table border="0" width="100" cellspacing="0" cellpadding="0">

<!-- left_navigation //-->

 

 

--------------------- step 3

 

 

For insert in column_right.php the background find in (usually) ALL of the page in your catalog/ folder:

 

<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">

<!-- right_navigation //-->

 

and replace with:

 

<td width="100" valign="top" background="images/LBROSE.jpg"><table border="0" width="100" cellspacing="0" cellpadding="0">

<!-- right_navigation //-->

 

 

-------------------- step 4

 

 

Find in stylesheet.css in your catalog/ folder:

 

.infoBox {

background: #yourcolorsetting;

}

 

.infoBoxContents {

background: #yourcolorsetting;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

with:

 

.infoBox {

background: #NEWyourcolorsetting;

}

 

.infoBoxContents {

background: #NEWyourcolorsetting;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

 

Thats all!

------------------

Hope this helps

[Guest]

Great!

 

Thanks so much!!

[Guest]

Okay.. tried to use this include today.

 

One question... how do I add the graphic to the stylesheet?? Since I don't have a number color setting??

 

Thanks!

[Guest]

You put your picture in the folder

catalog/images/

 

Then you use find/replace in your editor on all your files in the catalog folder

 

Find:

<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">

 

Replace with :

<td width="1oo" valign="top" background="images/YOURIMAGE.gif"><table border="0" width="100" cellspacing="0" cellpadding="0">

 

This will include the background image "YOURIMAGE.gif" in both right and left columns. Now if you want it in just one column you'll have to a find/replace

Find:

<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">

<!-- left_navigation //-->

 

or

<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">

<!-- right_navigation //-->

 

depending on which one you want with the image and replace with:

<td width="1oo" valign="top" background="images/YOURIMAGE.gif"><table border="0" width="100" cellspacing="0" cellpadding="0">

<!-- left_navigation //-->

or

<td width="1oo" valign="top" background="images/YOURIMAGE.gif"><table border="0" width="100" cellspacing="0" cellpadding="0">

<!-- left_navigation //-->

 

Then go to

catalog/stylesheet.css

and look for

 

.infoBox {

 

background: #yourcolorsetting;

 

}

 

 

 

.infoBoxContents {

 

background: #yourcolorsetting;

 

font-family: Verdana, Arial, sans-serif;

 

font-size: 10px;

 

}

 

and replace it with this:

.infoBox {

 

background: #NEWyourcolorsetting;

 

}

 

 

 

.infoBoxContents {

 

background: #NEWyourcolorsetting;

 

font-family: Verdana, Arial, sans-serif;

 

font-size: 10px;

 

}

 

Mine looks exactly like the one above. You don't actually put the .gif in the stylesheet.css file, at least not for this contribution to work.

Does that help?

[Guest]

Oops! I forgot....

I wanted to tell you that be aware when you are using the find/replace. Sometimes there will be a space or a carriage return and the "find" will not replace it in that file. To avoid worrying about missing files, I manually went into each file in the Catalog directory and pasted the code in. All of the files in that directory, aside from maybe 4-5 files will be edited.

I know it is tedious, but if you want to make sure you did not miss a file as I noted above, its the only way I know.

Good luck and write if you need more help.

Teresa