Difference between revisions of "Template:Badge"

Replaced inlined-badge components with tables
m
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<noinclude>__NOTOC__ __NOEDITSECTION__
 
<noinclude>__NOTOC__ __NOEDITSECTION__
 
== Template Preview ==</noinclude>
 
== Template Preview ==</noinclude>
{| class = "user-badge" style = "background: #333; border: 1px solid #ddd; border-collapse: collapse; margin:1.2em 0 0.8em 0;"
+
<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: 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>
 
 
== Explanation ==
 
== Explanation ==
 
The badge template is used to award badges throughout swyde. Mostly, this template is often used to grant badges to the users.
 
The badge template is used to award badges throughout swyde. Mostly, this template is often used to grant badges to the users.
Line 17: Line 11:
 
{{badge
 
{{badge
 
| badge symbol =
 
| badge symbol =
| badge color  
+
| badge color =
 
| badge bcolor =  
 
| badge bcolor =  
 
| badge text =  
 
| badge text =  

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.