Left Box Categories - Tricky Modification

[mattys]

Hello

My site in question and under development is here http://www.sorce.co.uk/logo-golf-balls/

If you take a look at the Categories left sidebox, you will see that i have have changed the background of the Categories head (where the word 'Categories' used to be) so it is now half of a curved box. The other half of the curved box will be placed at the bottom of the Categories box, to finish the menu design off.

However, I do not know which file to modify to do this.

For the top curved bit it was easy as i all i had to do was tweak the CSS.

I have played with 'sideboxes/tpl_categories.php', but no luck.

I just need to be able to add the bottom of the menu box, as an image.

If anyone has any ideas of how to do this it would be really helpful if you could share it with me.

All the best

[seethrou]

May be refer to kuroi's Future Zen Template for idea.

.leftBoxHeading, .rightBoxHeading {
	margin: 0;
	background-image:url(../images/sidebox_header_bg.gif);
	background-repeat:no-repeat;
	padding: 0.5em 0.2em;
	}

.sideBoxContent {
	background-image:url(../images/sidebox_content_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding: 0.8em;
	}

[mattys]

Hi Seethrough

I can kind of see what you are trying to say, but my css is actually pretty much the same as this.

I can't add the bottom by adding it to the background image (i have a background fade at the moment) because on my css i have given the actual content div for the left nav side box the following:

#categoriesContent {
	background-image: url(http://www.sorce.co.uk/logo-golf-balls/includes/templates/arch_shoppe/images/bg-leftnav.jpg);
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f6f6f6;
	border-right-color: #f6f6f6;
	border-bottom-color: #f6f6f6;
	border-left-color: #f6f6f6;
}

You will notice the border, two gray borders down the left and right - if i add a background this won't work.

You should be able to see where i am coming from and adjusting the css just won't do.

I would definitely like to be able to add the bottm nav image to a template file, I just need to know which one and how.

Any ideas?

[seethrou]

You may refer to the topics below for more idea.

How to get my sideboxes looking like this
Sidebox Footer
Sidebox Bottom Boarder is Green?

.

[mattys]

tpl_box_default_left.php

That's the file i need to change!!

Cheers