Rating Modules
You need to place a rating module on every Adventure or LEI you create, using the following code:
[[>]]
[[module Rate]]
[[/>]]Text Formatting
Text
| Syntax | Example |
|---|---|
| **Bold** | Bold |
| //Italics// | Italics |
| __Underline__ | Underline |
| --Strikethrough-- | Strikethrough |
| {{Teletype (Monospaced)}} | Teletype (Monospaced) |
| Text^^Superscript^^ | TextSuperscript |
| Text,,Subscript,, | TextSubscript |
| [[span style="color:red"]]//span// Inline Element[[/span]] | span Inline Element |
| ##blue|Predefined## or ##0000FF|Hex Color Code## | Predefined or Hex Color Code |
| @@Escape Parsing {{Example}}@@ | Escape Parsing {{Example}} |
Text Size
Changing size based on current text size:
| Syntax | Example |
|---|---|
| [[size smaller]]Smaller Text[[/size]] | Smaller Text |
| [[size larger]]Larger Text[[/size]] | Larger Text |
| [[size 80%]]80% Of Current Size[[/size]] | 80% Of Current Size |
| [[size 100%]]100% Of Current Size[[/size]] | 100% Of Current Size |
| [[size 150%]]150% Of Current Size[[/size]] | 150% Of Current Size |
| [[size 0.8em]]80% Of Current Size[[/size]] | 80% Of Current Size |
| [[size 1em]]100% Of Current Size[[/size]] | 100% Of Current Size |
| [[size 1.5em]]150% Of Current Size[[/size]] | 150% Of Current Size |
Setting the size directly:
| Syntax | Example |
|---|---|
| [[size xx-small]]Extra-Extra-Small Text[[/size]] | Extra-Extra-Small Text |
| [[size x-small]]Extra-Small Text[[/size]] | Extra-Small Text |
| [[size small]]Small Text[[/size]] | Small Text |
| [[size large]]Large Text[[/size]] | Large Text |
| [[size x-large]]Extra-Large Text[[/size]] | Extra-Large Text |
| [[size xx-large]]Extra-Extra Large Text[[/size]] | Extra-Extra Large Text |
| [[size 7px]]Text Size 7 Pixels[[/size]] | Text Size 7 Pixels |
| [[size 18.75px]]Text Size 18.75 Pixels[[/size]] | Text Size 18.75 Pixels |
Links
URLs will automatically become links:
https://example.com - https://example.com
To link specific words or phrases, use the following:
[https://wikipedia.org/wiki/Apple_Pie apple pie] - apple pie
Pages within the wiki can be linked to directly with just the title, if the url and title are the same (i.e. the page title that Wikidot generates based on the url you use, non-case sensitive):
theunknownbeyond[[[Advanced Formatting and You]]] - theunknownbeyond Advanced Formatting and You
If they differ, you specify the url and then give your own title:
[[[LEI-001|001 entry]]] - 001 entry
You can alternatively specify the url to directly use the page's title:
[[[lei-1999|]]] - lei-1999
Adding an asterisk (*) in front of the url opens the link in a new window:
*https://example.com - https://example.com
[*https://example.com Example Page] - Example Page
Similar to a [[span]] (as shown in Text) an [[a]] can be used to create customizable links:
[[a href="taboo" style="color:green"]]**Taboo**[[/a]] - Taboo
Not only does this allow you to easily style a link, but it allows you to use text syntax within the link title, as well as allowing certain characters that would otherwise break the link, like square brackets ([ ]).
Collapsibles
Collapsibles are for hiding long blocks of text to prevent the page from getting too long. The hidden text appears once you click on the collapsible link:
[[collapsible show="+ Open" hide="- Close"]]
Collapsed text here
[[/collapsible]]
The collapsible show/hide text is "+ show block" and "- hide block" by default, if no show/hide is specified.
For long text blocks, use "hideLocation="both"" to show the hide link at the bottom of the block as well:
[[collapsible hideLocation="both" show="+ Open" hide="- Close"]]
Longer
Collapsed
Text
Here
[[/collapsible]]
Footnotes
Footnotes are good for inserting more information into text without cluttering the text:
Content[[footnote]]Footnote content[[/footnote]]. More content[[footnote]]More footnote content[[/footnote]].
Inserting [[footnoteblock]] determines the position of the footnotes. Otherwise, footnotes will appear at the bottom of the page:
Images
Use this code to insert images. width is an optional measurement and can be removed, in which case it shall default to 300px. align is also optional, defaulting to the right.
[[include component:image-block
|name=URL-GOES-HERE
|caption=CAPTION-GOES-HERE
|width=WIDTH-GOES-HERE
|align=ALIGNMENT (left, right, or center)]]
The image width must have a unit, such as px (pixels), em (relative to font size), %, etc.
- To place it on the left, use align=left
- To place it in the middle and stretch from one side of the page to the other, set width to 100%.
- In general you should avoid pixel-based sizes and make it proportional to either the page size or the font size. This will improve how your page appears on mobile and tablets.
Audio and Video
Use the HTML5 media player to add audio and video. Change the type to either "audio" or "video" to fit what you're inserting:
[[include :snippets:html5player
|type=audio
|url=URL-GOES-HERE]]
Quoteblocks
Quoteblocks are handy for inserting text that comes from notes, or just to insert long quotes:
> Quote
>
> More quote
Quote
More quote
Note that there is a "> " to insert the empty line, and a space after the second ">" bracket; without those, the empty line isn't there:
> Quote
>
> More quote
Quote
More quote
> Quote
> More quote
Quote
More quote
In addition to the Wikidot standard blockquotes, there is another way to create the same effect:
[[div class="blockquote"]]
Quote
[[/div]]
Quote
This style of quoteblock saves you the trouble of needing to start every line with a ">" and also lets authors include code that normally doesn't work with the standard quoteblocks.