X-Cart forums

[babers]

I want to add a divider to separate my menu from the rest of the page.

Right now you can see my site at: www.boardzo.com

Here is what I am hoping to do (edited a screenshot with photoshop...)
http://www.boardzo.com/skin1/images/editboardzo.jpg

Also, does anyone have suggestions that would make my layout look better/more professional?

Thanks!

[balinor]

Hey Brian. Just add a 1px wide table cell between the center section and the menu section and give it a background color.

[babers]

I must be doing something wrong...

I can't figure out where to place "<TD WIDTH="1" BGCOLOR="black"></TD>" in customer/home.tpl.

Any help? Thanks

[zardos]

Hi babers

Just add this to your home.tpl in <----main area-----> after {include file="help.tpl"}

<TD width="21" class="Seperator">[img]{$ImagesDir}/spacer.gif[/img]</TD>

Then add this to your skin1.css

.Seperator { /* 1 pixel vertical line between menus */
	background-image: url("images/bg1.gif");
	background-position: top left;
	background-repeat: repeat-y;
}

Now Make your self a 21x21px image that should do it.
Here is one to get you started.

http://www.megapcs4u.co.uk/megapcs4u/skin1/images/bg1.gif

Hope that helps

[babers]

Perfect. Thanks!!