Hello Alex, many thanks for your quick and good answer. It works well. I do not use firebug, but with Notepad++ such customizings are possible, too.
Would it be possible to implement with a tiddler to activate / disable this function without source-code changing? Many thanks, Zapata On 5 Mrz., 16:38, Alex Hough <[email protected]> wrote: > Hello Zapata, > > You need to edit the StyleSheet shadow tiddler to overwrite the existing > formatting instructions. > > Using FireBug [1] , I can see that the sidebar is currently positioned by > the following CCS [2] code > > #sidebar { > font-size:0.9em; > position:absolute; > right:3px; > > } > > 'right:3px' after 'position:absolute' means 'place the sidebar 3 pixels from > the right hand side of the screen' > > SO > you could change the 'right' to 'left' ; > > #sidebar { > font-size:0.9em; > position:absolute; > left:3px; > > } > > This then uncovers a problem: the sidebar is on the left, but it overlaps > the rest of the content. The solution is to shift the 'display area'. > Looking in StylesheetLayout or using Firebug we can see the following; > > #displayArea { > background:none repeat scroll 0 0 #FFFFFF; > border-left:2px solid #8895BB; > margin:1em 15.7em 0 1em; > > } > > The bit we need to change here is the margin. The four values give the > margin in 'em' - another way of setting size. (1em is the size of one > character, and, unlike 1px, changes when you use the zoom feature in your > browser.) > > The order of the margin values are top, right, bottom, left ; i remember it > by thinking clockwise starting at 12o'clock. > > So to shift the display area over you have to experiment with the left > value, and since you have some space where the sidebar once lived, you might > also want to tweek the right value; > > Try this; > > #displayArea { > background:none repeat scroll 0 0 #FFFFFF; > border-left:2px solid #8895BB; > margin:1em 1em 0 16em; > > } > > Normally you would only include the part of the CSS you need to overwrite. > But here I have cut and pasted from Firebug; should you investigate it you > will be able to clearly observe my process. > > This would do the trick: > > #displayArea { > margin:1em 1em 0 16em; > > } > > Hope this helps > > ALex > > [1]http://getfirebug.com/ > [2]http://www.w3schools.com/css/ > > On 5 March 2010 10:56, Zapata <[email protected]> wrote: > > > > > > > Hi together, > > > I just found the TiddlyWiki 2.5.3 and the Themes a couple of days ago > > and want to use it with the theme "blueberry2" (http:// > > tiddlythemes.com/empties/Blueberry2.html). So long, so good and it > > works fine. Thanks. > > > My question now: how can I change the style to get the sidebar on the > > left and not on the right of the page? > > > Sorry, I am not so deep in this to get it by my own. Could anyone help > > me please? > > > Thanks and best regards, > > Zapata > > > -- > > You received this message because you are subscribed to the Google Groups > > "TiddlyWiki" group. > > To post to this group, send email to [email protected]. > > To unsubscribe from this group, send email to > > [email protected]<tiddlywiki%2bunsubscr...@googlegrouÂps.com> > > . > > For more options, visit this group at > >http://groups.google.com/group/tiddlywiki?hl=en. > > --http://www.multiurl.com/g/64- Zitierten Text ausblenden - > > - Zitierten Text anzeigen - -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/tiddlywiki?hl=en.
