Difference between revisions of "Template:Badge"

Latest revision as of 09:09, 15 March 2017

Template Preview

⚉Badge text

Explanation

The badge template is used to award badges throughout swyde. Mostly, this template is often used to grant badges to the users.

Frequently Asked Questions

How to use this template?

To create a custom badge, use the template by filling in the following parameters. If you remove a parameter completely, the default values will be loaded. If you remove a parameter empty, the value will be empty as well.

{{badge
| badge symbol =
| badge color =
| badge bcolor = 
| badge text = 
}}

The badge symbol parameter should be an UTF-8 character.

Example

{{badge
| badge symbol = ☢
| badge color = #000000
| badge bcolor = #fff700
| badge text = Nuclear Expert
}}

renders

☢Nuclear Expert

Who can create badges?

Anyone can create any badges and award it to users who deserve it.

What type of badges can be created?

Badges are designed to encourage and motivate users to learn and explore. As long as the badges are positive and encouraging, you can create any badges. Be as creative as you can. Before you decide to create one, please check the list of badges that are already created to avoid duplication.

@@ Line 1: / Line 1: @@
-{| class = "user-badge" style = "background: #333; border: 1px solid #ddd; border-collapse: collapse; margin:1.2em 0 0.8em 0;"
+<noinclude>__NOTOC__ __NOEDITSECTION__
-| style = "padding: 0 .6em; background: {{{badge bcolor|#22b42e}}}; cursor: default;" |
+== Template Preview ==</noinclude>
-<div id = "badge" style = "font-size: 1.5em; line-height: 1em; color: {{{badge color|#fff}}};"><span id = "badgecircle"></span>{{{badge symbol|✪}}}</div>
+<div class = "user-badge" style = "background: #333; margin:1.2em .5em 0.8em 0em; display:inline-block; border-bottom-left-radius: 15px;"><span id = "badge" style = "font-size: 2em; vertical-align: middle; line-height: 1em; border-top-right-radius: 40%; border-bottom-right-radius: 20%; border-bottom-left-radius: 40%; border: 2px solid #333; padding: 0em .25em; color: {{{badge color|#fff}}}; background:{{{badge bcolor|#22b42e}}};">{{{badge symbol|⚉}}}</span><span id = "badge-text" style = "color: #fff; padding: 0 .5em; font-size: 1em; vertical-align: middle;">{{{badge text|Badge text}}}</span></div><noinclude>
-| style = "padding: .2em; |
+== Explanation ==
-<div id = "badge-text" style = "color: #fff; margin: 0 .4em;">{{{1|If you are seeing this, the badge text is missing!}}}</div>
+The badge template is used to award badges throughout swyde. Mostly, this template is often used to grant badges to the users.
-|}
-<noinclude>
 == Frequently Asked Questions ==
-=== How to use the template? ===
+=== How to use this template? ===
-{{Badge|MVP}}
+To create a custom badge, use the template by filling in the following parameters. If you remove a parameter completely, the default values will be loaded. If you remove a parameter empty, the value will be empty as well.
+<pre>
+{{badge
+| badge symbol =
+| badge color =
+| badge bcolor =
+| badge text =
+}}
+</pre>
+The <code>badge symbol</code> parameter should be an UTF-8 character.
+==== Example ====
+<pre><nowiki>{{badge
+| badge symbol = ☢
+| badge color = #000000
+| badge bcolor = #fff700
+| badge text = Nuclear Expert
+}}</nowiki></pre>
+renders
+{{badge
+| badge symbol = ☢
+| badge color = #000000
+| badge bcolor = #fff700
+| badge text = Nuclear Expert
+}}
+=== Who can create badges? ===
+Anyone can create any badges and award it to users who deserve it.
+=== What type of badges can be created? ===
+[[Swyde:Badges|Badges]] are designed to encourage and motivate users to learn and explore. As long as the badges are positive and encouraging, you can create any badges. Be as creative as you can. Before you decide to create one, please check the list of badges that are already created to avoid duplication.
+[[Category: User templates]]
 </noinclude>

Navigation menu