Help:Formatting Revision as of 17:05, 6 November 2012 by Admin (talk | contribs)(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff) Help:Formatting

This page contains an overview of code elements that can be used to style content within the wiki.

Basic Design Elements

'''Bold text''' Bold text

''Italic text'' Italic text

[[Link to internal page]] Link to internal page

[http://www.google.com Link to external site] Link to external site

Images

To left align an image: [[Image:example.png|Alt Tag|left]]

To right align an image: [[Image:example.png|Alt Tag|right]]

HTML Tables

Code:

<table>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
<th>Heading 4</th>
<th>Heading 5</th>
</tr>
<tr>
<td>Row 1-1</td>
<td>Row 1-2</td>
<td>Row 1-3</td>
<td>Row 1-4</td>
<td>Row 1-5</td>
</tr>
</table>

Heading 1	Heading 2	Heading 3	Heading 4	Heading 5
Row 1-1	Row 1-2	Row 1-3	Row 1-4	Row 1-5
Row 2-1	Row 2-2	Row 2-3	Row 2-4	Row 2-5
Row 3-1	Row 3-2	Row 3-3	Row 3-4	Row 3-5

Math / Equations

Usage: \(A_{sv} = (A_{sd} * Sn_w) - I_{vol}\)

Output:\[A_{sv} = (A_{sd} * Sn_w) - I_{vol}\]

Construct equations using LaTeX. Try double-clicking on the equation to see a larger view.

Bootstrap specific design elements

Alert Messages

Usage: {{alert|This is your message|alert-danger}}

Examples

Warning: This is an alert message! (alert-danger)

Caution: This is an alert message! (alert-warning)

Green Infrastructure: This is an alert message! (alert-success)

Information: This is an alert message! (alert-info)

Tooltips

Usage: {{tip|Something|This is the tooltip!}} or {{tip|[[A Link]]|This is the tooltip!}}

Examples

Something

A Link

Popovers

Usage: {{pop|This is a popover|Popover Title|Popover Content}}

Example: This is a popover