This is a test for integrating T(-) Countdown with Gutenberg Blocks.
Now let’s try a shortcode with a launch target of an external element.
This is a block with an id of ‘monkeymonk’
[tminus t="+10 secs" launchtarget="monkeymonk"]monkey is in space… space monkey![/tminus]
Print-Pro-Matic allows loading in an external css file for the print view, rather than have to manually entered all definitions in to the Custom CSS area.
For example, this should load in a css file that gives the target element a lovely purpley dotted border:
[print-me css_url="https://spacedonkey.de/wp-content/uploads/2015/07/purpeat.css" target=".purpeoeater"]
Flyin’ Purple People Eater
Well, bless my soul rock ‘n roll flying’ purple people eater
Pigeon-toed under-growed flyin’ purple people eater
One-eyed one-horned it was a people eater
What a sight to see!
[tminus t="12-12-2014 08:00:00" style="cloud-city"]
[expand title="arrow to the left"]<-- see that, that's left[/expand]]
[expand title="arrow to the left"]<-- see that, that's left[/expand]
[[expand title="arrow to the right" trigclass="arrowright"]checkout what is to the right -->[/expand]
arrow to the right
checkout what is to the right –>
[expand title="no arrow to be found" trigclass="noarrow"]the arrow is not to be found[/expand]
no arrow to be found
the arrow is not to be found
Both Left & Right Arrow:
This method requires the extra-trigger feature of Collapse-Pro-Matic and must be built using the roll-your-own method and a bit of css:
Place the following css in the collapse-o-matic (or collapse-pro-matic) plugin options page, under Custom Style:
Roll-Your-Own Method w/ Magic CSS
<div class="collapseomatic magic_beans" id="doublearrow" title="double arrows!">double arrows!</div><div class="collapseomatic magic_beans" id="extra-doublearrow"></div>
<div id="target-doublearrow" class="collapseomatic_content clear"><--to the left, to the right--></div>
<--to the left, to the right-->