Line 15: Line 15:
 
== Images ==
 
== Images ==
 
[[Image:CWL_Ammendment_logo.png|Clean Water, Land and Legacy Amendment|left]]
 
[[Image:CWL_Ammendment_logo.png|Clean Water, Land and Legacy Amendment|left]]
[[Image:CWL_Ammendment_logo.png|right|Clean Water, Land and Legacy Amendment]]>
+
[[Image:CWL_Ammendment_logo.png|Clean Water, Land and Legacy Amendment|right]]
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>[[Image:example.png|Alt Tag|left]]</code>
 
 
To right align an image: <code><nowiki><div class="floatright">[[Image:example.png|Alt Tag]]</div></nowiki></code>
 
 
 
Using the floatleft or floatright classes on a div element wrapped around an image will provide padding on either the left side (for right aligned images) or right side (for left aligned images) and the bottom of the image. An image
 
 
 
  
 +
To right align an image: <code><nowiki>[[Image:example.png|Alt Tag|right]]</nowiki></code>
  
 
== HTML Tables ==
 
== HTML Tables ==

Revision as of 13:30, 1 November 2012

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

Clean Water, Land and Legacy Amendment
Clean Water, Land and Legacy Amendment

To left align an image: [[Image:example.png|Alt Tag|left]]</code> To right align an image: <code><nowiki>[[Image:example.png|Alt Tag|right]]

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

A Link

Popovers

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

Example: This is a popover