Différences

Ci-dessous, les différences entre deux révisions de la page.

--- wiki:bacasable [14-02-2012 23:30]
edmc73
+++ wiki:bacasable [04-04-2013 22:06]
@@ Ligne 1: / Ligne 1: @@
-====== Bac à sable ======
-le BBcode marche aussi
-[b]test  de gras en bbcode[/b]
-[color=red]couleur rouge en bbcode[/color]
-test
-test
-<note>
-Voici un exemple de note
-</note>
-test
-<note importante>
-un exemple de note importante
-</note>
-test
-<note tuyau>
-un exemple de note tuyau
-</note>
-test
-<note bloquante>
-et un exemple de note bloquante
-</note>
-un exemple de code php
-<code php>
-<?
-if($caca=="good")
-  echo "ca pue!";
-// de fab: t'avais oublié le "$" nom de dieu !
-elseif($caca=="caca")
-  echo "on est vraiment dedans...";
-else
-  tirerlachasse($PQ,$odeur,$coupdebrosse);
-?>
-</code>
-{{playground:coucher_de_soleil.jpg|}}
-===== Syntax =====
-The syntax wraps any [[http://ditaa.sourceforge.net/|ditaa formatted]] ASCII flowchart into %%<ditaa></ditaa>%% tags. The opening tag can have several additional optional parameters (see below).
-<code html>
-<ditaa [optional parameters]>
-... (some ditaa-code) ...
-</ditaa>
-</code>
-==== Parameters ====
-^ Parameter           ^ Default       ^ Description ^
-| width=//<num>//     | width=0       | Rescale the final image to this width. When set to 0, diita will choose the needed width and no rescaling is done. |
-| height=//<num>//    | height=0      | Same as above but for height. Only works when a width is given as well |
-| //<num>//x//<num>// | 0x0           | Combines the above parameters into one. That's a lowercase x! |
-| <float>X            | 1.0X          | Tells ditaa to scale the image. Eg. 2.0X makes the final image twice as big. That's an uppercase X |
-| (no)round           | noround       | Enable or disable round corners for all boxes |
-| (no)shadow          | shadow        | Enable or disable box shadows |
-| (no)antialias       | antialias     | Enable or disable antialiasing |
-| (no)edgesep         | edgesep       | Enable or disabling the separation of box edges where boxes directly touch |
-| left center right   |               | Align the image to the left, center or right. Default does no alignment (inline)|
-===== Possible tags =====
-Not all shape selector tags are documented on the ditaa site. A quick source scan revealed:
-^ tag  ^ Description   ^
-| {c}  | decision(Choice)  |
-| {d}  | document  |
-| {io} | input/output, parallelogram  |
-| {mo} | manual operation  |
-| {o}  | ellipse, circle  |
-| {s}  | storage  |
-| {tr} | trapezoid (looks like an inverted {mo} )  |
-===== Example =====
-<code>
-<ditaa round noedgesep right>
-    +--------+   +-------+    +-------+
-    |        | --+ ditaa +--> |       |
-    |  Text  |   +-------+    |diagram|
-    |Document|   |!magic!|    |       |
-    |     {d}|   |  c978 |    |       |
-    +---+----+   +-------+    +-------+
-        |                         ^
-        |       Lots of work      |
-        +------------+------------+
-                     |
-                     |
-                     OK
-</ditaa>
-</code>
-<ditaa round noedgesep right>
-    +--------+   +-------+    +-------+
-    |        | --+ ditaa +--> |       |
-    |  Text  |   +-------+    |diagram|
-    |Document|   |!magic!|    |       |
-    |     {d}|   |  c978 |    |       |
-    +---+----+   +-------+    +-------+
-        |                         ^
-        |       Lots of work      |
-        +------------+------------+
-                     |
-                     |
-                     OK
-</ditaa>

Outils pour utilisateurs

Outils du site

Différences

Outils de la page