Hi, Kosmaton —
It may be worth noting that TiddlyWiki treats
{{styleName{content}}}
and
{{styleName{
content
}}}
differently.
I didn't realize it for a long time, but the first syntax (all on one
line) invokes a custom style in a <span> tag, and the second (with the
hard returns/line breaks) invokes the style in a <div> instead. In a
nutshell, if you're wrapping any multi-line content in a custom style,
it's better to put your {{styleName{ and }}} bits on their own lines.
—
In case you want to add some variety to your arsenal of styles, here
are the go-to styles for doing this from my own style sheet:
/***
!!Sidebars /% ================= %/
***/
/*{{{*/
.sidebar {background-color:[[ColorPalette::SecondaryLight]];
border:2px solid [[ColorPalette::SecondaryMid]]; margin:0.3em 5% 0.3em
5%; padding:0.3em;}
.sidebarRight {background-color:[[ColorPalette::SecondaryLight]];
border:2px solid [[ColorPalette::SecondaryMid]]; margin:0.3em; padding:
0.3em; width:20%; float:right;}
.sidebarLeft {background-color:[[ColorPalette::SecondaryLight]];
border:2px solid [[ColorPalette::SecondaryMid]]; margin:0.3em; padding:
0.3em; width:20%; float:left;}
/*}}}*/
I created sidebarRight and sidebarLeft first, then added the generic
"sidebar" (which isn't a sidebar at all!) later. Just add the style
definitions to your StyleSheet, and you can invoke them like so:
{{sidebar{
content to set off
}}}
Or float the content right or left by using {{sidebarRight{ or
{{sidebarLeft{ instead.
--
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.
