Create a very simple left menu

[Luis Gonzalez]

(Documenting The-book)

I am reading the wonderfull  Tom Gerner Playground.

I want to create an easy left menu. The steps I follow are:

• Configure the story river position.
• Create the tiddler menu.
• Create the styles for the left menu.
• Create the entries for the left menu

The story river position

I configure the story river position manually: I go to the Control panel, Appearance,Theme Tweaks. In the Story left position field I put a value of 200

The tiddler menu code

(tagged with $:/tags/PageTemplate)

<div class="tgc-leftmenu tc-table-of-contents">
@@.tc-site-title
Menu
@@
<$scrollable class='tgc-scrollable-menu'>
{{$:/LeftMenuEntries}}
</$scrollable>
</div>

The styles for the left menu

(tagged with $:/tags/Stylesheet)

html .tgc-leftmenu {
 display: block;
 padding: 0px 0px 0px 20px;
 position: fixed;
 left: 0px;
 top: 93px;
 width: 270px;
 z-index: 99;
}

Create the entries for the left menu

Create the tddler $:/LeftMenuEntries


This is an easy way and it runs perfectly.

But I am looking a way to configure the left position in a stylesheet tiddler. Something like:

 html .tc-story-river {
 left: 200px;
 width: 770px;
}

But If I add this code to the Stylesheet tiddler the story river overloaps the right menu.

[Ton Gerner]

Hi Luis,

The left menu as described in my guide uses a centralised story river.
As stated there it assumes a wide screen monitor, so left menu, story river and sidebar can be seen together.

If you do not want a centralised story river (as is your case), you have to shift the story river to the right AND you have to shift the sidebar to the right as well. Add something like the following to your stylesheet:

.tc-sidebar-scrollable {
    left: 1000px;
}

Adjust the left value to your needs.
Hope this helps.

Cheers,

Ton

[Luis Gonzalez]

Thank you very much, Ton. I'm very interested  in completing my manual but there are many things I don't know.

I am studying hard all your works to document it.