X-Cart forums - Adding divider

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

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

- - Adding divider (https://forum.x-cart.com/showthread.php?t=14243)

babers

05-28-2005 10:22 AM

Adding divider

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

05-28-2005 10:37 AM

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

babers

05-28-2005 01:55 PM

Something wrong

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

05-28-2005 02:07 PM

Hi babers

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

Code:

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

Then add this to your skin1.css

Code:

.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

05-28-2005 03:31 PM

Perfect. Thanks!!

All times are GMT -8. The time now is 01:51 AM.