Dokuwiki for science

Float plugin

This DokuWiki plugin creates various floating boxes. All designs are defined in the 'style.css' file of the plugin.

:!: This function of the plugin is achieved by using 'Wrap plugin'. :!:

:!: Development discontinued. :!:

Syntax

Use 'float' tag for starting the floating section, and put the class name of the style definition after a single space. And put closing tag after the floating contents.

<float (class-name)>

---floating contents---

</float>

This Wiki description creates the html as the following.
If you want to modify the design of the background-image of the borders, modify the style definitions of 'boxtop','boxinner' and 'boxbottom' .

<div class="(class-name)">
  <div class="boxtop"></div>
  <div class="boxinner">
 
  ---floating contents---
 
  </div>
  <div class="boxbottom"></div>
</div>

How to clear the floating

At first, install clear_plugin. Then you can clear floating modes by using '<clear/>'.

Supported classes

<float left300> No-sizing

class namebox, floating design
leftsection floating to left
rightsection floating to right
leftboxbox floating to left
rightboxbox floating to right

</float> <float left300> Size-defined

class namebox, floating design
left200section floating to left
(width:200px)
right200section floating to right
(width:200px
leftbox200round box floating to left
(width:200px)
rightbox200round box floating to right
(width:200px)
(width of 300, 400 and 600 are also supported)

</float> <clear/>

The tables above are aligned by using 'left300' class ;-)

Example1. Floating boxes

<float rightbox200>[The 'rightbox200' section]</float> <float leftbox200>[The 'leftbox200' section]</float> – This line is not floating. –
– This line is not floating. –
– This line is not floating. –
– This line is not floating. –
<clear/>

Syntax

<float rightbox200>[The 'rightbox200' section]</float>
<float leftbox200>[The 'leftbox200' section]</float>
 -- This line is **not** floating.  --\\ 
 -- This line is **not** floating.  --\\ 
 -- This line is **not** floating.  --\\ 
 -- This line is **not** floating.  --\\ 
<clear/>

Example2. Icon box

Some style sheet hacks can make icon boxes like these.

<float icon(compass)> You can make a box displaying icon at left side by using 'compass', 'wkpedia' and 'plugin'. You can add to icons by adding icon image to float/img/ directory and modifying around the end of style sheet in style.css.

This box is created by using <float icon(compass)>. </float> <float plugin>

  • <float plugin>

</float> <float wkpedia> For reference to Wikipedia.

  • <float wkpedia>

</float> <clear/>

Download

This ZIP file includes the 'syntax.php', 'style.css' and image files in the 'float' folder.
Put the 'float' folder in the lib/plugin directory of your DokuWiki.

History

  • 2008-03-23 Icon boxes were added.
  • 2007-10-16 first version uploaded.