Template:Button/doc: Difference between revisions

From Xen
Jump to navigationJump to search
No edit summary
 
(4 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 ==
=== Button Sizes ===
=== Button Sizes ===
{|
{|
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