New infoBox graphics. Need new border.

[blueline]

Hello everyone. I am building an osC site that uses custom graphics as the headers of the infoBoxes, and I am coming into a couple of problems.

 

Thanks in advance for the help.

 

 

1.) The lines on the sides need to match in width and color to the lines in the graphic.

 

2.) I need the top line (of the infobox) to dissapear all together.

 

3.) How do I get the standard osC definitions to be "written" on top of the graphic?

 

Thanks again,

-Chris

[blueline]

....and by the way. It's the milestone 2 release.

[blueline]

Come on guys....please?

[Guest]

3.) How do I get the standard osC definitions to be "written" on top of the graphic?  

Put your image as a background in ifoboxheading in your stylesheet.css

 

HTH

The_Bear

[Guest]

Actually, you do all three things in stylesheet.css.

 

Here is a link to learning more about CSS. In particular, check out the Try It Yourself link. You also may want to read over the Wiki documents about the catalog stylesheet.css.

 

Good luck,

Matt

[blueline]

Ok, I am well on my way....

 

Here is the current problem:

 

And the code...

<?php

/*

 $Id: information.php,v 1.6 2003/02/10 22:31:00 hpdl Exp $



 osCommerce, Open Source E-Commerce Solutions

 http://www.oscommerce.com



 Copyright (c) 2003 osCommerce



 Released under the GNU General Public License

*/

?>

<!-- information //-->

<tr>

<td>

<TABLE WIDTH=173 BORDER=0 CELLPADDING=0 CELLSPACING=0>

<TR>

 <TD COLSPAN=3>

	 <IMG SRC="images/boxes/header2.gif" WIDTH=173 HEIGHT=42></TD>

</tr>

<tr>

<td width="4" style="background-image: url(http://localhost/egypt/images/boxes/left.gif)">

 </td>

<td>

<?php

//  $info_box_contents = array();

//  $info_box_contents[] = array('text' => BOX_HEADING_INFORMATION);



//  new infoBoxHeading($info_box_contents, false, false);



 $info_box_contents = array();

 $info_box_contents[] = array('text' => '<a href="' . tep_href_link(FILENAME_SHIPPING) . '">' . BOX_INFORMATION_SHIPPING . '</a><br>' .

                                        '<a href="' . tep_href_link(FILENAME_PRIVACY) . '">' . BOX_INFORMATION_PRIVACY . '</a><br>' .

                                        '<a href="' . tep_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a><br>' .

                                        '<a href="' . tep_href_link(FILENAME_CONTACT_US) . '">' . BOX_INFORMATION_CONTACT . '</a>');



 new infoBox($info_box_contents);

?>

</TD>

<td style="background-image: url(http://localhost/egypt/images/boxes/right.gif)">

 </td>

</TR></table><table>

          <tr>

<!--              <td width="173" height="4" style="background-image: url(http://localhost/egypt/images/boxes/bottom.gif)"> </td>-->

<td align="left"><img src="images/boxes/bottom.gif">

</td>

          </tr>

     </table>



</td>

</tr>

<!-- information_eof //-->

 

Thanks a lot guys!!!!!

-Chris

[blueline]

Ok, I am well on my way....

 

Here is the current problem:

 

And the code...

<?php

/*

 $Id: information.php,v 1.6 2003/02/10 22:31:00 hpdl Exp $



 osCommerce, Open Source E-Commerce Solutions

 http://www.oscommerce.com



 Copyright (c) 2003 osCommerce



 Released under the GNU General Public License

*/

?>

<!-- information //-->

<tr>

<td>

<TABLE WIDTH=173 BORDER=0 CELLPADDING=0 CELLSPACING=0>

<TR>

 <TD COLSPAN=3>

	 <IMG SRC="images/boxes/header2.gif" WIDTH=173 HEIGHT=42></TD>

</tr>

<tr>

<td width="4" style="background-image: url(http://localhost/egypt/images/boxes/left.gif)">

 </td>

<td>

<?php

//  $info_box_contents = array();

//  $info_box_contents[] = array('text' => BOX_HEADING_INFORMATION);



//  new infoBoxHeading($info_box_contents, false, false);



 $info_box_contents = array();

 $info_box_contents[] = array('text' => '<a href="' . tep_href_link(FILENAME_SHIPPING) . '">' . BOX_INFORMATION_SHIPPING . '</a><br>' .

                                        '<a href="' . tep_href_link(FILENAME_PRIVACY) . '">' . BOX_INFORMATION_PRIVACY . '</a><br>' .

                                        '<a href="' . tep_href_link(FILENAME_CONDITIONS) . '">' . BOX_INFORMATION_CONDITIONS . '</a><br>' .

                                        '<a href="' . tep_href_link(FILENAME_CONTACT_US) . '">' . BOX_INFORMATION_CONTACT . '</a>');



 new infoBox($info_box_contents);

?>

</TD>

<td style="background-image: url(http://localhost/egypt/images/boxes/right.gif)">

 </td>

</TR></table><table>

          <tr>

<!--              <td width="173" height="4" style="background-image: url(http://localhost/egypt/images/boxes/bottom.gif)"> </td>-->

<td align="left"><img src="images/boxes/bottom.gif">

</td>

          </tr>

     </table>



</td>

</tr>

<!-- information_eof //-->

 

Thanks a lot guys!!!!!

-Chris

[Aric]

move the last < /td > up onto the last line.

 

<td align="left"><img src="images/boxes/bottom.gif"></td>

[blueline]

Aric....thanks.

 

So close:

 

 

Any other ideas?

 

Thanks again,

-Chris

[Guest]

http://www.oscommerce.com/forums/viewtopic.php...=44902&start=10 might be useful.

[Guest]

This thread from the My Store forum links to a store which uses three images on the bottom of the infoBoxes, in three separate table cells.

 

Good luck,

Matt

[blueline]

Matt,

 

Hey. Thanks for the link....unfortunately it didn't get me anywhere. Any other ideas guys?

 

Thanks,

-Chris

[Guest]

Copy the way the header is put together. In boxes.php copy the infobox header code, but change header to footer & remove the text from the middle array. Change the corner_left & corner_right gifs to corner_footer_left & corner_footer_right. (or whatever you want to call them) At the bottom of each infox where you want a footer, add

  new infoBoxFooter($contents, true, true);

below

  new infoBox($info_box_contents);

 

Of course you could also get rid of all the bits of true, true code if you feel you want to.

You're welcome to look at my site to see how it comes out.

hth