Divs
(:div:)
This page is a sandbox for playing with the new (:div:) markup.
The basic div markup works like advanced tables, using a (:div:) ... (:divend:) sequence.
This text is before the division. (:div id='foo' style='background: #ffffcc' :) Here is my text in the division. * Other markups are allowed * here also (:divend:) Now we're after the division. | This text is before the division. Here is my text in the division.
Now we're after the division. |
As with advanced tables, a (:div:) or advanced table markup will automatically close any previous (:div:) section. This means that divs and advanced tables do not nest (we may relax this in a future version, but that's the way it's going to work for now).
There is also a >>...<< shortcut that allows WikiStyles to be easily applied to divs. Some examples:
%define=Pm bgcolor=#ffeeff font-style=italic% %define=John bgcolor=#eeffee% %define=shouts font-weight=bold font-size=larger% %define=meekly font-size=smaller% >>Pm<< Hello, this is some text from Pm. >>John<< And here is some text from John. >>Pm<< And now we're back to Pm again. Pm can enter multiple paragraphs and * lists * lists * lists >>John shouts<< And now John has something really important to say! >>Pm meekly right<< okay already! | Hello, this is some text from Pm. And here is some text from John. And now we're back to Pm again. Pm can enter multiple paragraphs and
And now John has something really important to say! okay already! |
Any WikiStyle specification will work between the >> and <<, thus:
>>id=foo class=special<< Same as [@(:div id=foo class=special:)@] | Same as |
>>bgcolor=#ffffdd right blue<< Right aligned blue text in a yellow background | Right aligned blue text in a yellow background |
>>border='2px solid red' padding=4px<< This text lives in a box. The box can span multiple paragraphs and structures. >><< This text is outside of the box. | This text lives in a box. The box can span multiple paragraphs and structures. This text is outside of the box. |