Difference between revisions of "Template:Badge"

Replaced inlined-badge components with tables
(One intermediate revision by the same user not shown)
Line 1: Line 1:
 
<noinclude>__NOTOC__ __NOEDITSECTION__
 
<noinclude>__NOTOC__ __NOEDITSECTION__
 
== Template Preview ==</noinclude>
 
== Template Preview ==</noinclude>
<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|badge text}}}</span></div>
+
{| class = "user-badge" style = "background: #333; border: 1px solid #ddd; border-collapse: collapse; margin:1.2em 0 0.8em 0;"
 +
| style = "padding: 0 .6em; background: {{{badge bcolor|#22b42e}}}; cursor: default; border-top-right-radius: 15px; border-bottom-right-radius: 20px;" |
 +
<div id = "badge" style = "font-size: 1.5em; line-height: 1em; color: {{{badge color|#fff}}};">{{{badge symbol|⚉}}}</div>
 +
| style = "padding: .2em; |
 +
<div id = "badge-text" style = "color: #fff; margin: 0 .4em;">{{{badge text|Badge text}}}</div>
 +
|}
 
<noinclude>
 
<noinclude>
 
== Explanation ==
 
== Explanation ==

Revision as of 11:23, 5 December 2016

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.