Category background images

[Guest]

I want to make background category images like here:

 

http://www.webshapes.de/seedshop/product_i...da5cc09d80994bc

 

How do I do this?

 

Thank you sooo much,

 

Eric

monkfunk.com

[linuxdave]

I want to make background category images like here:

 

http://www.webshapes.de/seedshop/product_i...da5cc09d80994bc

 

How do I do this?

 

Thank you sooo much,

 

Eric

monkfunk.com

<{POST_SNAPBACK}>

 

If you're refering to the category image in the upper right, you only need to Edit the category, and upload the new image in your admin panel. Or are you talking about the category list on the side? If thats the case, look into coolMenu.

 

Linuxdave

[Guest]

Use CSS with an element in <table>

 

Example:

TD.infoBoxHeading{
?background-image: url(images/infobox/adi_infobox_head_left_m.gif);
?background-repeat: repeat-x;
?height: 22px;
?font-family: Verdana, Arial, sans-serif;
?font-size: 10px;
?font-weight: bold;
?color: #663399;
}

[Guest]

I am talking about the background images behind the navigation on the left. For each category I want a background image to make the navbar look cooler

[Guest]

I am talking about the background images behind the navigation on the left. For each category I want a background image to make the navbar look cooler

<{POST_SNAPBACK}>

Yes, the infoBoxHeading (both PHP and CSS class).

 

If you've never edited boxes.php before, here is also an example to explain further:

 

In addition to the above CSS, use this for your catalog/includes/classes/boxes.php

 

  class infoBoxHeading extends tableBox {
   function infoBoxHeading($contents, $left_corner = true, $right_corner = true, $right_arrow = false) {
     $this->table_cellpadding = '0';

     if ($right_arrow == true)
       $contents[0]['text'] = '<a href="' . $right_arrow . '" class="infoBoxHeadingLeftLink">' . $contents[0]['text'] . '  <img src="images/infobox/arrow_right.gif" border="0" alt="' . ICON_ARROW_RIGHT . '" title=" ' . ICON_ARROW_RIGHT . ' " width="10" height="11" align="top"></a>';

     $info_box_contents = array();
     $info_box_contents[] = array(array('params' => 'class="infoBoxHeading"',
                                        'text' => 'nbsp;nbsp;' . $contents[0]['text']));

     $this->tableBox($info_box_contents, true);
   }
 }

[Guest]

P.S. You'll have to create the images you need and modify the size of your background image width & height in CSS to match your image.

 

You can also remove the background-repeat: repeat-x; depends on the image.