Wiki source code of Style Macro (Radeox)
Last modified by Vincent Massol on 2016/06/05 22:11
Hide last authors
author | version | line-number | content |
---|---|---|---|
12.2 | 1 | Styles a block of content. | |
2 | |||
3 | Internally it generates an HTML DIV or SPAN and supports many properties of these 2 elements. | ||
4 | |||
5 | The style macro be a superset of the existing info, warning, error and floatingbox macros. We need use some class match with those macros | ||
6 | |||
7 | == Usage == | ||
8 | |||
9 | {{code language="none"}} | ||
10 | {style:type=<div|span>|id=<id>|class=<class>|align=<align>|font-size=<size>|color=<color>|font-family=<font>|width=<width>|height=<height>}text{style} | ||
11 | {{/code}} | ||
12 | |||
13 | === Parameters definition === | ||
14 | |||
15 | Supported properties (note that all of them are properties that exist for DIVs and SPANs): | ||
16 | |||
17 | * id : id of span of div tag | ||
18 | * class (some classes: warningmessage,errormessage, infomessage, plainmessage, floatinginfobox,... matching with warning, error, info ... macros) | ||
19 | * name | ||
20 | * align : allow align a paragraph to left, center, right, full | ||
21 | * font-size | ||
22 | * font-family | ||
23 | * color | ||
24 | * background-color | ||
25 | * width | ||
26 | * height | ||
27 | * float | ||
28 | * border | ||
29 | * icon and document | ||
30 | |||
31 | ({style...|icon=msgwarning.jpg|document=Main.Mypage} if the document parameter is specified then it find msgwaring.jpg in attachments of Main.Mypage or current page or in icons directory , If it isn't found then it display image empty for icon | ||
32 | |||
33 | == Example == | ||
34 | |||
35 | {{code language="none"}} | ||
36 | {style:type=div|color=red|width=50%|height=50%} | ||
37 | This is the content in div block | ||
38 | {style} | ||
39 | {{/code}} | ||
40 | |||
41 | Will generate the following when rendered: | ||
42 | |||
43 | {{code language="none"}} | ||
44 | <div style="color:red;width:50%;height=50%"> | ||
45 | This is the content in div block | ||
46 | </div> | ||
47 | {{/code}} | ||
48 | |||
49 | or | ||
50 | |||
51 | {{code}} | ||
52 | {style:type=div|border=1px solid red|background-color=green|width=300px|height=300px|color=red| | ||
53 | icon=msgwarning.png|document=Main.Mypage} | ||
54 | This is the content of style macro | ||
55 | {style} | ||
56 | {{/code}} | ||
57 | |||
58 | === Result === | ||
59 | |||
60 | (% style="color:red; width:50%; height:50%; " %) | ||
61 | ((( | ||
62 | This is the content in div block | ||
63 | ))) | ||
64 | |||
65 | or | ||
66 | |||
67 | [[image:stylemacro.JPG]] |