Text styling

The following tags can be used to style the textual content of the messages.

Alignment

In order to align text, one can either use [<alignment mode>] or [align=<alignment mode>] with any of the following modes:

left: The text is left-aligned.
right: The text is right-aligned.
center: The text is aligned at the horizontal middle of the document;
justify: The text is justified, i.e. the text spaces are optimized for the right'n'word to end at the right of the line.

For example, to right-align some text, one can do the following:

[right]some text[/]
[align=right]some more text[/]

Font weight

In order to have text with more weight, the [b] tag can be used. For example:

[b]Some bold text[/]

Font style

In order to set the font as italic, the [i] tag can be used. For example:

[i]Some italic text[/]

Font decoration

The following decorations can be applied to text using the following tags:

[u]: The text will be underlined.
[o]: The text will be overlined.
[s] or [strike]: The text will have a line through.

For example:

[u]This text is underlined.[/]
[o]This text is overlined.[/]
[s]This text is striked through.[/]

Text font

The text font can be set using the [font=xxx] (or [xxx] directly, where xxx represents the font identifier) tag. The following fonts are available:

arial: Arial.
comic: Comic MS.
tahoma: Tahoma.
courier: Courier.
haettenschweiler: Haettenschweiler.
mono or monospace: Monospace.

For example:

[comic]This text is in comic font![/]

Text color

The color of the text can be set using the [color=xxx] (or [xxx] directly for simple colors, where xxx represents the color) tag. This tag accepts several types of values:

Simple color names (inspired from CSS) such as red, blue, green, transparent;
Color hex codes using a hash (#) followed by hex digits, e.g. #01020F, where the first group of hex digits represents the red component from 0 to 255, the second group of hex digits represents the green component from 0 to 255, and the third group of hex digits represents the blue component from 0 to 255. Incomplete composites will be filled by zero on the left (e.g. #0000F is equivalent to #00000F), invalid characters such as A will be replaced by 0s;
Three hex digits codes using # followed by three hex digits, e.g. #123 which will be translated to #112233;
rgb(<red>, <green>, <blue>), where the red, green and blue components are represented using decimal digits and are between 0 and 255 included;
rgba(<red>, <green>, <blue>, <alpha>), where the red, green and blue components are expressed as said before and the alpha component is either expressed as a percentage (e.g. 12.34%) or as a proportion between 0.0 and 1.0;
hsl(<hue>, <saturation>, <light>) or hls(<hue>, <light>,<saturation>);
hsl(<hue>, <saturation>, <light>, <alpha>) or hls(<hue>, <light>, <saturation>, <alpha>);
hwb(<hue>, <white proportion>, <black proportion>).

Some examples are:

[blue]I'm blue![/]
[color=#ff69b4]That color is called “Cuisse de Nymphe émue”![/]
[color=rgb(255, 255,255,0.4)]I'm black![/]
[color=hsl(0,100%, 0.5)]I'm red![/]

3.6 KiB Raw Blame History