Install the plugin using the Plugin Manager and the download URL above, which points to latest version of the plugin. Refer to Plugins on how to install plugins manually.

This plugin has a toolbar icon which pops up a window with which you design your box, including border styles and colors, text color and box color, the width of the box in percentages, and the position of the box on the page.

You can either start by selecting your text and then designing your box or you can create your box and add text to it. You can also include images in these boxes; however, image position depends on the Dokuwiki markup.

Syntax is taken care of by the pop-up design tool.

/**
 *  <block width:alignment:background-color,text-color;border;font-family/font-size>
 *   text
 *  </block>
 *   width:  percent of window size
 *   alignment:  number of pixels from left margin, (0 or 'c' centers block), 'r' floats right
 *   border: CSS style: width type color
 *   font-family:  font name
 *   font size: specify points or pixels
 *
 *   Example:  
 *  <block 80:0:rgb(102, 51, 255);rgb(255, 255, 153);2px dashed rgb(255, 102, 255);Comic Sans MS /10pt> 
 *
 *  This creates a block 80% of page width,centered on page, background of block is rgb(102, 51, 255),
 *  text-color is rgb(255, 255, 153); the box border is 2px wide, dashed, its color is rgb(255, 102, 255).
 *  The font is 10pt Comic Sans MS.
 *   
 *  Only width and alignment are required. In this case, if alignment is 'c' or 'r', then you must follow it with a colon:  'c:'
*/

/**
* Default:
* <block 80:0:white;black;4px solid black;arial,sans-serif/9pt;>text</block>
* width: 80%
* alignment: centered
* background-color: white
* text-color: black
* border: 4px solid black
* font: 9pt arial,sans-serif
*/

For rounded corners the syntax adds the rounded parameter to the end of the parameter list:

  <block 80:0:white;black;4px solid black;arial,sans-serif/9pt;rounded>

This option can be selected from the dialog.

I has an error when I clicked the menu button

I had to change the line of the file “script.js”, from

     var url = encodeURI('lib/plugins/block/exe/block.php');

to

     var url = encodeURI('lib/plugins/block/exe/block.php?');

Thank you. I've updated the plugin.

How can I get two 'blocks' next to each other?
Or some text and then a block to the right of it?
Every time I try it, the block doesn't 'share' its line with anything else. Thanks

Try it with the wrap plugin

Is there antother option except the wrap plugin? Because, when i try to use the wrap plugin, it doesn´t work.

Whenever I try to type in the box, Windows puts the text in the text Find (aka Search) box. Result is no text can go into the box.

Sorry I didn't see this eaarlier. But I can't reproduce this. The following page uses box throughout and from Windows: http://www.mturner.org/devel/doku.php — Myron Turner 2015-10-06 01:53