User Tools

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
wiki:syntax [2025/05/15 06:36] – remove windows share link section shaneswiki:syntax [2025/05/15 09:12] (current) – add info about ad-hoc wrap shanes
Line 352: Line 352:
  
 Note: Vertical alignment is not supported. Note: Vertical alignment is not supported.
 +
 +
 +===== Boxes =====
 +
 +You can separate some text from the main flow of the article by putting it in a styled box:
 +<div info>
 +You can put text in boxes like this. That's useful for warnings, hints, or anything else you want to draw special attention to.
 +
 +Boxes can contain multiple paragraphs, as well as most other kinds of wiki markup like links or lists.
 +</div>
 +
 +You do so by wrapping the content in a ''%%<div>%%'' tag with an extra keyword like so:
 +<code>
 +<div info>
 +You can put text in boxes like this. That's useful for warnings, hints, or anything else you want to draw special attention to.
 +
 +Boxes can contain multiple paragraphs, as well as most other kinds of wiki markup like links or lists.
 +</div>
 +</code>
 +
 +
 +There are six available box styles:
 +<div grid-2-columns>
 +<div info>''%%<div info>%%''</div>
 +<div tip>''%%<div tip>%%''</div>
 +<div important>''%%<div important>%%''</div>
 +<div alert>''%%<div alert>%%''</div>
 +<div outline>''%%<div outline>%%''</div>
 +<div box>''%%<div box>%%''</div>
 +</div>
 +
 +You can also use smaller boxes with the same styles inline in a paragraph by using a ''%%<span>%%'' tag instead of ''%%<div>%%''. For example, ''%%<span info>Helpful tip!</span>%%'' produces <span info>Helpful tip!</span>. However, inline boxes can only contain other markup that works inside a paragraph (e.g. bold or links), not markup that creates its own paragraphs like lists or tables.
  
 ===== No Formatting ===== ===== No Formatting =====