shutterblue

Topic: Additional Sidebar

Hi,

Could anyone help me on how to put additional sidebar? Specifically adding a left sidebar.

Thanks in advance for the help smile

links

Re: Additional Sidebar

Hi,

I can give you an idea where to start from smile But just to be sure, make a backup of your site first, in case it's not what you want.

- go in _templates and create a file sidebar-left.tpl where you put your html code
- go in _templates/header.tpl and add before the line containing <div id="sidebar">, the following code:

Code:

<div id="sidebar-left">
    {include file="sidebar-left.tpl"}
</div><!-- #sidebar-left -->

- go in css/screen.css and add at the bottom of the file:

Code:

#sidebar-left {
    float: left;
    width: 145px;
    padding: 10px 0 0 0;
}
    #sidebar-left a {
        color: #0099CC;
        padding: 2px;
        font-size: 11px;
    }

and, in the same file, replace the line (somewhere arround line 100)

Code:

#content { width: 755px; padding-right: 10px;}

with

Code:

#content { width: 605px; padding-right: 10px; margin-left:150px;}

Hope it helps!

shutterblue

Re: Additional Sidebar

Hi links,

Thanks for the codes for the extra sidebar, it works great! smile

You're the best smile