On Apr 15, 1:00 am, wdm <[email protected]> wrote:
> As a to do list freak I love the @@highlight yellow@@ feature, but is
> there a way to define more colored shortcuts like this? For instance,
> &&highlight green&& and ##highlight blue##.
>
> A previous post asks this exact question but it spins off into color
> picker add-ons and syntax highlighting. I just want a quick was to
> highlight in a few additional colors without jumping to the mouse or
> typing much more than the current @@highlight yellow@@ functionality.
The @@...@@ syntax is actually just using TiddlyWiki's 'inline CSS'
markup:
@@attrib;value;attrib:value;....@@
When no CSS attribute/value pairs are provided, it defaults to using
"background-color:yellow". The inline CSS syntax follows this form:
Thus,
@@...@@
is simply a shortened, fallback form of
@@background-color:yellow;...@@
and you can also write:
@@background-color:blue;...@@
or
@@background-color:green;...@@
or
@@background-color:#ABC;...@@
(where ABC is any 3- or 6-digit "rgb" color value)
Alternatively, you can create centralized definitions using 'custom
CSS wrappers' to apply a shorter syntax that is also easier to
maintain/change later on. In [[StyleSheet]], write something like:
.blue { background-color:#00C; }
.green { background-color:#0C0; }
.red { background-color:#C00; }
Then, in your content you can write:
{{blue{...}}}
{{red{...}}}
{{green{...}}}
You could even write CSS like this:
.todo { background-color:red; }
.done { background-color:green; }
and then write your To Do list items like this:
{{todo{...}}}
{{todo{...}}}
{{done{...}}}
{{todo{...}}}
{{done{...}}}
{{todo{...}}}
etc.
enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
