I just created a css tiddler for TW5 which implements an idea I found in 
the CSS cookbook:

body .dirtree, body .dirtree ul {
 list-style-type: none;
 background-image: url(data:image/gif;base64,R0lGODlhEAAQAIABAAAAAP
///yH5BAEKAAEALAAAAAAQABAAAAIbRI6ppo3sGoxp0mNvpjt290nXMlblc2JpECoFADs=);
 background-repeat: repeat-y;
 margin: 0;
 padding: 0;
}
body .dirtree ul {
 margin-left: 16px;
}
body .dirtree li {
    margin: 0;
    padding: 0 16px 0 18px;
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAIABAAAAAP
///yH5BAEKAAEALAAAAAAQABAAAAISjI+py+0Po5wM2IszoLz7DwYFADs=);
    background-repeat: no-repeat;
    line-height: 1.5;
}
body .dirtree li:last-child {
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAIABAAAAAP
///yH5BAEKAAEALAAAAAAQABAAAAIaRI6ppo3sGoxp0mNvpjuCD4Zid5XmiabqWQAAOw==);
    background-color: #fff;
}

If you then create a tiddler like this:

@@.dirtree
* file1
* dir1
** dir1-1
*** file1-1-1
*** file1-1-2
** file1-1
* file2
@@

You get a nicely formatted directory tree.

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to