The drop-down menu/slider box is usually styled with the class
"sliderPanel."
I *think* you could open the tiddler with the slider in it and wrap it in
some positioning, like so:
{{@@position:relative;top:-20px;left:-20px;{
[[slider menu item #1]]
[[slider menu item #2]]
etc.
}}}
... but if you want all your sliders to be repositioned the same way, a
better solution might be to open up (or create) the tiddler named StyleSheet
and add this:
/*{{{*/
.sliderPanel { position:relative; top:-20px; left:-20px; }
/*}}}*/
If you only want to apply it to the MainMenu, the center portion, or the
SidebarOptions or SidebarTabs (in the right-hand column), then you can
specify which part of the page to apply the style (and leave sliders in
other portions of the page unchanged) like this:
/*{{{*/
#mainMenu .sliderPanel, #displayArea .sliderPanel, #sidebarOptions
.sliderPanel, #sidebarTabs .sliderPanel { position:relative; top:-20px;
left:-20px; }
/*}}}*/
Hope that helps!
--
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.
