Difference between revisions of "Template:Badge"

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 = "margin-top: 1.2em; padding: .2em 0; background: #333; color: #fff; display: inline-block; border: 1px solid #ddd; box-sizing: border-box; height:1.98em; overflow:hidden;"><span id = "badge" style = "color: {{{badge color|#fff}}}; float: left; margin: -0.65em 0em 0em 0em; font-size: 1.5em; background: {{{badge bcolor|#22b42e}}}; padding: .4em;border-top-right-radius: 100%; border-bottom-right-radius: 100%; cursor: default;">{{{badge symbol|}}}</span><span id = "badge-text" style = "float: right; margin:0 .6em;">{{{badge text|Innocent Editor}}}</span></div>
| style = "padding: .2em; |
 
<div id = "badge-text" style = "color: #fff; margin: 0 .4em;">{{{1|If you are seeing this, the badge text is missing!}}}</div>
 
|}
 
 
<noinclude>
 
<noinclude>
 +
== 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 ==
 
== 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.
 +
<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? ===
 +
Badges are supposed 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.
 +
[[Category: User templates]]
 
</noinclude>
 
</noinclude>

Revision as of 18:28, 4 November 2016

Template Preview

Innocent Editor

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.

{{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 supposed 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.