... so, I do not mean to subtract from the 100% feeling :-). - just that this seems so helpful that working with it would get one more idea to extend:
as I am not good at the code/program-level I have to ask (sorry): is it possible to *add* different CSS-'attributes'(?) to the same part of the tiddler within the logic of this constructive tweak? - what I would like to get at is using the idea of the siglet marks (little colored boxes or 'flags') which would come in additionally to any css-definition I made e.g. additional to the css-definition of 'person' an *additional* 'loved' siglet with its own color box. in the best of all world this siglets would be independent from the main 'category', i.e. I can allpy the 'loved' siglet independently of wheter it´s a 'person' or any other category. (why this seems is important is, because could imagine one way to achieve what I want is to css-define 'loved person', but then it would be so much more helpful in a modular and supplemental method as you would not have to define any combination seperately liked 'loved person', 'loved link', 'loved thing' etc.) reference: http://www.cs.utexas.edu/~joeraii/siglet/ thanks for anybody who can share his knowledge here... On 23 Apr., 13:24, lerone <[email protected]> wrote: > Eric, thanks!!! made me a more happy person! > I would hope this also is useful to others. > > one follow-up question, though I am really happy with this already: > - would it be possible to extend this css-definition-matrix also to > the display of tiddler-titles in the sidebar-lists (e.g. timeline)? > this would make a 100%er a 120%er for me. > > in the case of how to extend it to the TiddlyTaggingMindMap view I > guess I should have turned to Jon himself, which I might still do. > > in any way, whenever you are in Berlin and want to be taken out for a > coffee, let me know. it´s on me! > > oliver > > On 22 Apr., 03:44, Eric Shulman <[email protected]> wrote: > > > > I was looking for ways tocolorcodemy tiddlers (by category) and put > > > structural colorinfo to my TW, based on a basic category a tiddler > > > belong to (– say, given as a tag). > > > ... > > Here's one approach tocolor-coding different elements of a tiddler, > > using CSS > > > 1) For each tag value used as a category and each class of tiddler > > element that you want tocolor-code, add CSS style rules to your > > [[StyleSheet]], like this: > > > .someClass .title {color:red; background:#eef; } > > .someClass .subtitle {color:#090; } > > .someClass .viewer { background:#eef; } > > .someClass .tiddlyLinkExisting {color:#009; } > > .someOtherClass .title {color:green; background:#fee; } > > .someOtherClass .subtitle {color:#900; } > > .someOtherClass .viewer { background:#fee; } > > .someOtherClass .tiddlyLinkExisting {color:#900; } > > etc. > > > 2) Create a new tiddler called [[SetColorCode]], with the following > > inline script that tests the current tiddler's tags and determines the > > desired 'colorCode' CSS classname, which is then added to the > > containing tiddler element... > > > <script> > > var here=story.findContainingTiddler(place); > > if (!here) return; /* not in a tiddler! */ > > var tid=store.getTiddler(here.getAttribute('tiddler')); > > var colorCode=''; > > /* CONDITIONALS GO HERE... */ > > if (tid.isTagged('someTag')) > > colorCode='someClass'; > > if (tid.isTagged('someOtherTag')) > > colorCode='someOtherClass'; > > if (tid.tags.containsAny(['tagOne','tagTwo','tagThree'])) > > colorCode='yetAnotherClass'; > > /* END OF CONDITIONAL */ > > here.className='tiddler '+colorCode; /* add the class to the > > tiddler */ > > </script> > > > 3) To apply thecolor-coding coding logic to all tiddlers, add the > > following to the end of your ViewTemplate, EditTemplate, and > > CollapsedTemplate (if you are using TiddlyTools' > > CollapseTiddlersPlugin): > > > <span style='display:none' macro='tiddler SetColorCode'></span> > > > This will automatically invoke the inline script each time any tiddler > > is displayed, edited or folded, thus ensuring that thecolorcoding > > can be consistently applied to all tiddlers, based on their tags. > > > 4) Start tagging your tiddlers and watch their colors change > > accordingly! > > > 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 -~----------~----~----~----~------~----~------~--~---
