X-Cart forums - How this is done? "Seperator" in category menu?

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - How this is done? "Seperator" in category menu? (https://forum.x-cart.com/showthread.php?t=4503)

How this is done? "Seperator" in category menu?

At this site http://www.aerotrends.com/store/customer/home.php which is done in X-Cart, the items in the catogories are seemingly separated by a little HR.

Can anyone tell me how that is done? Can I modify the CSS file or is there more to it that that?

They have done this using an image.

Put in:

[img]{$ImagesDir}/separator.gif[/img]

at the end of the display category line in categories.tpl so that it appears as:

Code:

{* $Id: categories.tpl,v 1.18 2003/02/25 08:58:46 olga Exp $ *}

{capture name=menu}

{if $config.General.root_categories eq "Y"}

{section name=cat_num loop=$categories}

<font class=CategoriesList>{ $categories[cat_num].category_name|escape }</font>




[img]{$ImagesDir}/separator.gif[/img]




{/section}

{else} {section name=cat_num loop=$subcategories}

<font class=CategoriesList>{ $subcategories[cat_num].category_name|escape }</font>




{/section}

{/if}






{/capture}

{ include file="menu.tpl" dingbats="dingbats_categorie.gif" menu_title=$lng.lbl_categories menu_content=$smarty.capture.menu }