Difference between revisions of "Help:Formatting"
| Line 14: | Line 14: | ||
== Images == | == Images == | ||
| + | <div class="floatleft">[[Image:CWL_Ammendment_logo.png|Clean Water, Land and Legacy Amendment]]</div> | ||
| + | <div class="floatright">[[Image:CWL_Ammendment_logo.png|Clean Water, Land and Legacy Amendment]]</div> | ||
To left align an image: <code><nowiki><div class="floatleft">[[Image:example.png|Alt Tag]]</div></nowiki></code> | To left align an image: <code><nowiki><div class="floatleft">[[Image:example.png|Alt Tag]]</div></nowiki></code> | ||
| − | |||
To right align an image: <code><nowiki><div class="floatright">[[Image:example.png|Alt Tag]]</div></nowiki></code> | To right align an image: <code><nowiki><div class="floatright">[[Image:example.png|Alt Tag]]</div></nowiki></code> | ||
| − | + | ||
| + | |||
| + | |||
== HTML Tables == | == HTML Tables == | ||
Revision as of 13:21, 1 November 2012
This page contains an overview of code elements that can be used to style content within the wiki.
Contents
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: <div class="floatleft">[[Image:example.png|Alt Tag]]</div>
To right align an image: <div class="floatright">[[Image:example.png|Alt Tag]]</div>
HTML Tables
| 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 |
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
Popovers
Usage: {{pop|This is a popover|Popover Title|Popover Content}}
Example: This is a popover