Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Fixed Width and Image Infobox Headers?


commandercup

Recommended Posts

Two things here:

 

1)

 

I'm trying to make my template a fixed width... I've had this work previous using this code:

 

BODY {
 text-align: center;
 color: #000000;
/* change background: #ffffff; to the color of your choice*/
 background: #ffffff;
 margin: 0;

  }
 #cwdusacontainer {
 width: 750px;/* width can be changed to what you want just stay under 790px*/
 border: 0px solid #000000;/*border can be removed for a borderless page*/ 
 background: #ffffff;
 color: #000000;
 margin: 10px auto 10px auto;
 text-align: left;
}

 

But it doesn't seem to be working on this new site... any suggestions?

 

2)

 

I want to replace the standard colored horizontal bar infobox headers with an image of the width that the infoboxes are set to... is this an easy change?

 

Thanks everyone!

Link to comment
Share on other sites

anyone want to help?

 

For your InfoBoxHeader Background...Make a gif and copy it to your images folder.

 

Then in your stylesheet

 

Replace this

 

TD.infoBoxHeading {

font-family: Arial, sans-serif;

font-size: 13px;

font-weight: bold;

background: #ffffff;

color: #ffffff;

 

With

 

TD.infoBoxHeading {

font-family: Arial, sans-serif;

font-size: 13px;

font-weight: bold;

background-image: url('images/Untitled.gif');

color: #ffffff;

 

You can set the height of the background in catalog\includes\classes\boxes.php

Link to comment
Share on other sites

hmm, what part of the code in boxes.php do I edit to increase the height?

 

Look for this in the boxes.php

 

class infoBoxHeading extends tableBox {

function infoBoxHeading($contents, $left_corner = true, $right_corner = true, $right_arrow = false) {

$this->table_cellpadding = '0';

 

if ($left_corner == true) {

$left_corner = tep_image(DIR_WS_IMAGES . 'infobox/corner_left.gif');

} else {

$left_corner = tep_image(DIR_WS_IMAGES . 'infobox/corner_right_left.gif');

}

if ($right_arrow == true) {

$right_arrow = '<a href="' . $right_arrow . '">' . tep_image(DIR_WS_IMAGES . 'infobox/arrow_right.gif', ICON_ARROW_RIGHT) . '</a>';

} else {

$right_arrow = '';

}

if ($right_corner == true) {

$right_corner = $right_arrow . tep_image(DIR_WS_IMAGES . 'infobox/corner_right.gif');

} else {

$right_corner = $right_arrow . tep_draw_separator('pixel_trans.gif', '11', '14');

}

 

$info_box_contents = array();

$info_box_contents[] = array(array('params' => 'height="14" class="infoBoxHeading"',

'text' => $left_corner),

array('params' => 'width="100%" height="14" class="infoBoxHeading"',

'text' => $contents[0]['text']),

array('params' => 'height="14" class="infoBoxHeading" nowrap',

'text' => $right_corner));

 

Towards the bottom change the first 14 to the value that you want.

Link to comment
Share on other sites

whenever I edit any of those 14s to anything else, the site goes crazy...

 

I get n's everywhere... along the infoboxes

 

which one exactly am I supposed to edit?

 

I understand if you change any one of the 3 it will change the header height. I have just the first one changed on my site and it works OK.

Link to comment
Share on other sites

I get n's everywhere... along the infoboxes

If that happens it sounds like you may be using the wrong program to edit the file.

 

Use a simple text editor.

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

I was editing the file using the file manager in the admin control panel... I guess that was causing the problem... thanks so much!

Yew that was creating the problem. You do not ever want to use the file manager to edit your files. Like Jum said use a simple text editor.

Link to comment
Share on other sites

I always call it the File Mangler.

:lol:

If I suggest you edit any file(s) make a backup first - I'm not perfect and neither are you.

 

"Given enough impetus a parallelogramatically shaped projectile can egress a circular orifice."

- Me -

 

"Headers already sent" - The definitive help

 

"Cannot redeclare ..." - How to find/fix it

 

SSL Implementation Help

 

Like this post? "Like" it again over there >

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...