easy popups
This package provides a small cluster of CSS adjustments so that a footnote becomes a nice popup like this.1
Instructions
Just include the following code in your page.
[[include :csi:include:popup]]
AND use the [[footnote]][[/footnote]] syntax to create the content of your popup
Here is an example2
Include files
[[table class="{$class}" style="border-collapse: collapse; width:100%; margin-bottom: 10px; font-weight:bold; background-color:#eeeeee;"]]
[[/table]]
Comments: 7
page revision: 8, last edited: 30 Dec 2010 20:41
I thought footnotes work like this by default.
Piotr Gabryjeluk
visit my blog
but where are the footnotes at the bottom and where is the number of the footnote?
a-ha! css-magic!
A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.
The title is misleading then. Should be more like: "remove footnotes at the bottom and the number of the footnote"
Piotr Gabryjeluk
visit my blog
You don't describe wikidot as what it's not for example: wikidot, the platform without filtering on form fields.
The purpose is to have popups, not footnotes without FOOTnotes.
A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.
Steven,
This is cool. One minor change I'd suggest… Change
to
That way the box will scale nicely for shorter bits of text and will not get too wide for longer pop-up paragraphs.
-Ed
Community Admin
Will do.Thanks for the feedback!
A - S I M P L E - P L A N by ARTiZEN a startingpoint for simple wikidot solutions.
This csi is multi-purpose in that you can place an image inside the footnote block and have it pop-up too.
In action at the bottom of this page.
Again, nicely done, Steven!
-Ed
Community Admin