Difference between revisions of "Template:Button/doc"

From Xen
(Available Styles =)
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
== Usage ==
 
== Usage ==
 
=== Basic ===
 
=== Basic ===
  +
Only use for mediwiki links : the CSS for external links does not (yet) work.
 
<pre>
 
<pre>
 
{{Button|[[Sandbox]]}}
 
{{Button|[[Sandbox]]}}
 
{{Button|[[Sandbox|Another Link]]}}
 
{{Button|[[Sandbox|Another Link]]}}
{{Button|[http://www.mediawiki.org]}}
 
{{Button|[http://www.mediawiki.org/ External Link]}}
 
 
</pre>
 
</pre>
   
Line 11: Line 10:
 
{{Button|[[Sandbox]]}}
 
{{Button|[[Sandbox]]}}
 
{{Button|[[Sandbox|Another Link]]}}
 
{{Button|[[Sandbox|Another Link]]}}
{{Button|[http://www.mediawiki.org]}}
 
{{Button|[http://www.mediawiki.org/ External Link]}}
 
   
 
=== Changing the Button Style ===
 
=== Changing the Button Style ===
Line 19: Line 16:
 
{{Button|[[Sandbox]]|style=btn-success}}
 
{{Button|[[Sandbox]]|style=btn-success}}
 
{{Button|[[Sandbox|Another Link]]|style=btn-big}}
 
{{Button|[[Sandbox|Another Link]]|style=btn-big}}
{{Button|[http://www.mediawiki.org External]|style=btn-small btn-success}}</pre>
+
{{Button|[[Sandbox]]|style=btn-small btn-success}}</pre>
   
 
These render as:<br>
 
These render as:<br>
 
{{Button|[[Sandbox]]|style=btn-success}}
 
{{Button|[[Sandbox]]|style=btn-success}}
 
{{Button|[[Sandbox|Another Link]]|style=btn-big}}
 
{{Button|[[Sandbox|Another Link]]|style=btn-big}}
{{Button|[http://www.mediawiki.org External]|style=btn-small btn-success}}
+
{{Button|[[Sandbox]]|style=btn-small btn-success}}
   
 
== Available Styles ==
 
== Available Styles ==
Line 33: Line 30:
 
|-
 
|-
 
|btn-small
 
|btn-small
|{{Button|[http://www.mediawiki.org External]|style=btn-small}}
+
|{{Button|[[Sandbox]]|style=btn-small}}
 
|-
 
|-
|(default, no argument)
+
|(default)
|{{Button|[http://www.mediawiki.org External]}}
+
|{{Button|[[Sandbox]]}}
 
|-
 
|-
 
|btn-big
 
|btn-big
|{{Button|[http://www.mediawiki.org External]|style=btn-big}}
+
|{{Button|[[Sandbox]]|style=btn-big}}
  +
|}
  +
=== Button Colors ===
  +
{|
  +
|'''Style'''
  +
|'''Rendered Button'''
  +
|-
  +
|(default)
  +
|{{Button|[[Sandbox]]}}
  +
|-
  +
|btn-yellow
  +
|{{Button|[[Sandbox]]|style=btn-yellow}}
  +
|-
  +
|btn-green
  +
|{{Button|[[Sandbox]]|style=btn-green}}
  +
|-
  +
|btn-info
  +
|{{Button|[[Sandbox]]|style=btn-info}}
  +
|-
  +
|btn-success
  +
|{{Button|[[Sandbox]]|style=btn-success}}
  +
|-
  +
|btn-warning
  +
|{{Button|[[Sandbox]]|style=btn-warning}}
  +
|-
  +
|btn-danger
  +
|{{Button|[[Sandbox]]|style=btn-danger}}
  +
|-
  +
|btn-inverse
  +
|{{Button|[[Sandbox]]|style=btn-inverse}}
 
|}
 
|}

Latest revision as of 00:05, 23 June 2013

Usage

Basic

Only use for mediwiki links : the CSS for external links does not (yet) work.

{{Button|[[Sandbox]]}}
{{Button|[[Sandbox|Another Link]]}}

These render as:
Sandbox Another Link

Changing the Button Style

You can change the button style, by using the style argument. Note this must be the second argument: the first is always the button text (which should be a link).

{{Button|[[Sandbox]]|style=btn-success}}
{{Button|[[Sandbox|Another Link]]|style=btn-big}}
{{Button|[[Sandbox]]|style=btn-small btn-success}}

These render as:
Sandbox Another Link Sandbox

Available Styles

Button Sizes

Style Rendered Button
btn-small Sandbox
(default) Sandbox
btn-big Sandbox

Button Colors

Style Rendered Button
(default) Sandbox
btn-yellow Sandbox
btn-green Sandbox
btn-info Sandbox
btn-success Sandbox
btn-warning Sandbox
btn-danger Sandbox
btn-inverse Sandbox