User:Spang/popup test

The code on this page currently uses Dawg/Splarka's "sigexpand" and "sighidden" classes. For what's currently in place, read class="popup" and class="popuparea" as class="sigexpand" and class="sighidden" respectively. My names are way better though.

CSS needed:

span.popup a {color: black; text-decoration: none; cursor: default;}
span.popup a span.popuparea, span.popup a div.popuparea {display: none;}
span.popup a:hover span.popuparea, span.popup a:hover div.popuparea {display: inline; border: none; text-decoration: none; color: black; cursor: default;}

Better css not supported by IE6

.popup .popuparea {display: none }
.popup:hover .popuparea {display: inline }

This would allow links inside popups and be a lot neater, but is not supported by IE. Works fine in firefox, but in IE any popups just stay hidden.

Things what can be done with popups[edit | edit source]

!!!

Warning

DANGER

Blanking or vandalising this page can be deadly ... or worse. 100 users are currently castrated, paralyzed, and disfigured for daring to edit this page.
If you just got here and are mortally offended by these blatant lies,
please read About Uncyclopedia and the Beginner's Guide,
then go fuck yourself. Seriously, that's a much safer alternative than anything else you have in mind.

A popup warning box.[edit | edit source]

Which is broken in IE at the moment, but was working at one point.

Basic text[edit | edit source]

Uses: <span class="popup">[[Link|activation text<span class="popuparea"> popup text</span>]]</span>

Normal[edit | edit source]

Normal text, popup activation text, popuptext, normal text.

Popping-up a template[edit | edit source]

Though if the templates have links in, they will break. Could fix this, but IE6 only supports the :hover class on anchors, even though CSS supports it on any tag.

Normal text, template popup, zyborg bla bla ruffle, normal text.

Normal text, {{{2}}} ^{{{3}}}, bla bla bla

Footnotes without the scrolling[edit | edit source]

normal text, normal text^{[1] - Interesting note}, normal text

Unclickable links[edit | edit source]

A totally free ipod!!!CLICK HERE TO CLAIM YOUR FREE IPOD, <insert name here>!!!