> Hi, I would like to implement a custom formatter which searches for
> images and then displays all previous text paragraphs as layers
> (nested divs with position:relative) on top of the image, keeping all
> other wiki rendering of the text intact. I plan to use this to create
> accessible speech bubbles for cheapish webcomics. :)
I don't think you really need to create a custom formatter for that.
All you need to do is to wrap the text paragraphs preceding the image
within a CSS class that applies 'position:absolute' (not
'position:relative', as you had suggested).
There are two ways in TiddlyWiki to do this very easily:
1) inline CSS, using this syntax:
@@attribute:value;attribute:value;...content...@@
Thus, write in your tiddler:
@@position:absolute;
... your text content goes here...
@@[img[filename.jpg]]
2) custom CSS class wrapper, using this syntax:
{{classname{...content...}}}
Thus, add to your [[StyleSheet]] (see more>shadowed tab in sidebar):
.absolute { position:absolute; }
and write in your tiddler:
{{absolute{
... your text content goes here...
}}}[img[filename.jpg]]
enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"TiddlyWikiDev" 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/TiddlyWikiDev?hl=en
-~----------~----~----~----~------~----~------~--~---
