====== Box Plug-in Examples ======

These examples have been collected from other DokuWiki pages on the Internet.

\\ \\ \\ \\ \\ \\ \\ \\ \\ \\ 

<box round 80% orange | Let's play Russian dolls>

<box 80% blue| Let's play>

<box 80% | Let's...>

<box round 100px orange | L..>

:-)

</box>

</box>

</box>

</box>

<box round 80% orange | Let's play Russian dolls>

<box 80% blue| Let's play>

<box round 100px green| L..>

:-)

</box>

</box>

<box 80% | Lets...>

<box round 100px orange | L..>

:-)

</box>

</box>

</box>

<box>the most basic box</box>


<box red|boxed & titled> this is
also 
boxed

</box>

<box round orange>as is this</box>

<box round 75% |title **with //fo''rma''tt//ing**, a [[link]] and rounded corners :-) >boxes can also contain markup...
  * a list
  * of several 
  * items

<code html>
<div class='box'>
  <b class='xtop'><b class='xb1'></b><b class='xb2'></b><b class='xb3'></b><b class='xb4'></b></b>
  <div class='xbox'>
    <p class='box_title'>Title text would go here</p>
    <div class='box_content'>
      <p>Including this html snippet of a box</p>
      <p>All those &lt;b&gt; tags handle the rounded corners</p>
    </div>
  </div>
  <b class='xbottom'><b class='xb4'></b><b class='xb3'></b><b class='xb2'></b><b class='xb1'></b></b>
</div>
</code>

=== headings aren't allowed in boxes ===

| but | tables | are |

and plugins ... 
  ; definition : list : list : list

and a [[link]] </box>


<box |title>a box to match 
the default dokuwiki colour scheme</box>

<box 80% red round| title>red box, 80% wide, with a title</box>

<box blue> this is
a blue box
</box>

<box 80% blue round| title>blue box with a title</box>

<box green> this is
a green box
</box>

<box 80% green round| title>a wide green box</box>

<box orange>and an orange box
</box>

<box 40% left round blue | title test> testing </box>  
<box 40% right round green  | title test> testing </box> 
<box 45% left round blue | title test> testing </box>  
<box 45% right round green  | title test> testing </box>
// 
// 
<box 45% left round black|Is the colour wrong?>
this is
also 
boxed
</box>
// 
// 
<box 45% right round green  | title test> 
testing 123456
</box>
// 
// 
<box 80% left round|**Simple box with rounded edges and title**>
I wonder what uses I could find for a box...
  * I will have to check this out
  * tomorrow
  * on my wiki
  <box 70% orange>But can there be a box inside of a box?</box|Yes! there can!>
</box>

 

<box 25% left round>
**Simple box with rounded edges and no title**
But with some "code", not really code, but just code layout
<code>
  * I will have to check this out
  * tomorrow
  * on my wiki
</code>
</box>


<box 25% right round>
**Same thing on the right handside**
But with some "code", not really code, but just code layout
<code>
  * I will have to check this out
  * tomorrow
  * on my wiki
</code>
</box>


<box 80% left blue round| including a page>
{{page>wiki:syntax}}
</box>