How do you put a background picture behind column_left in oscommerce RC2a ?

[adam777]

Hi

 

I've been trying unsuccessfully to put a background picture behind the entire column_left, simmilar to an idea i saw on http://www.dirtbikebitz.com/

 

There's a simple contribution, but it doesn't work with oscommerce RC2a as it was written for a previous version.

 

Can anyone please help me?

 

Thankyou in advance

 

Adam

.

[adam777]

... Any ideas?

[burt]

Change every file that is located on the same level as stylesheet.css so that the block of code that reads;

 

<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- left_navigation //-->
<?php require(DIR_WS_INCLUDES . 'column_left.php'); ?>
<!-- left_navigation_eof //-->
</table></td>

 

Now reads

 

<td id="left" width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- left_navigation //-->
<?php require(DIR_WS_INCLUDES . 'column_left.php'); ?>
<!-- left_navigation_eof //-->
</table></td>

 

All we did was add id="left" to the original code.

 

You'll need to do this in about 30 files...

 

Now use css, to set background on #left, like this:

 

#left { background: url('images/mybackground.gif'); }

[adam777]

Change every file that is located on the same level as stylesheet.css so that the block of code that reads;

 

<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- left_navigation //-->
<?php require(DIR_WS_INCLUDES . 'column_left.php'); ?>
<!-- left_navigation_eof //-->
</table></td>

 

Now reads

 

<td id="left" width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">
<!-- left_navigation //-->
<?php require(DIR_WS_INCLUDES . 'column_left.php'); ?>
<!-- left_navigation_eof //-->
</table></td>

 

All we did was add id="left" to the original code.

 

You'll need to do this in about 30 files...

 

Now use css, to set background on #left, like this:

 

#left { background: url('images/mybackground.gif'); }

 

Thanks it works perfectly! I just need it to load faster now :)