How can I change the look of the navigation side bar, to look like this

[paha]

Hello

How can I change the look of the navigation side bar, to look like this:

with different colors in each link

[kobra]

You will have to create images for this

[paha]

ok, no problem.

and then, what should I do with them?

[kobra]

Apply the image as a background image to the element you want it in with css

[paha]

Apply the image as a background image to the element you want it in with css

Interesting Idea,

But I just see that if the links of categories increase or decrease, the image will not feet corectly.

is nost pocible to add an image per link, so it is independet color for each link, category? so if I add a categorie or product the link image or background color will appear with it, or disappear if the category is deleted

[kobra]

is nost pocible to add an image per link, so it is independet color for each link, category? so if I add a categorie or product the link image or background color will appear with it, or disappear if the category is deleted

Not possible as the tag for these is the same

[gjh42]

Categories Dressing has features and information that can help you achieve this.

One option is simply using an ability built into tpl_categories.php for per-category styling (instructions given in the file's comments, and expanded on in the Cat Dressing readme.txt).

[gjh42]

A close look at your example says that your best bet might be to make one background image for the whole box, and have it positioned relative to the bottom of the box. Then if a category goes away, the top color will move up & out of sight. Make the image with an extra color band at the top, and if you get another category, the whole image will move down to show the previously hidden color.

[paha]

A close look at your example says that your best bet might be to make one background image for the whole box, and have it positioned relative to the bottom of the box. Then if a category goes away, the top color will move up & out of sight. Make the image with an extra color band at the top, and if you get another category, the whole image will move down to show the previously hidden color.

Ok I will do it

where I need to add the image to appear in the side box categories products?

in a css ?

[gjh42]

Yes, you will call the background image in stylesheet.css.

Given the design in your example, I would say to make the main bg image include the round corners at the bottom, and make a top image that has the black rounded corners but otherwise transparent.

 ##########___
 /        \   top image


  ##########__
 /        \
| ##########__ |  bottom image
 /        \
| ##########__ |
 /        \
| ##########__ |
 /        \
| ##########__ |
 /        \
|          |
 \##########__/

Add to your stylesheet:

#categoriesHeading {display: none;}

#categories {
    background: url(../images/catbottombg.gif) bottom center;
    }

#categoriesContent {
    background: url(../images/cattopbg.gif) top center;
    }