Template:Tag: Difference between revisions

Latest revision as of 18:25, September 20, 2021

Purpose & Usage

Create tags to use as indicators where appropriate (DO NOT overuse this!). This template makes use of custom CSS classes to display theme-friendly colors. Reference the Site Color Pallet for CSS classes.

{{Tag|bg|bd|tx|text}}

Examples

Default Call

Code:

some text {{Tag|text=TAG}} some text

Result: some text TAG some text

Code:

some text {{Tag|bg=mpurple|bd=magent|tx=hl|text=TAG}} some text

Result: some text TAG some text

Code:

some text {{Tag|bg=yellow|bd=purple|tx=dim|text=Long Tag}} some text

Result: some text Long Tag some text

@@ Line 1: / Line 1: @@
-<div style="background-color:{{{3}}};border:1px solid {{{4}}};height:18px;width:{{{2}}}px;margin:0;padding:0;{{#ifeq: {{{8|}}} | - | opacity:0.5;}}"><div style="float:left;width:20px;height:18px;border-right:1px solid {{{4}}};text-align:center;background-color:{{{5}}};margin:0;padding:0;">[[File:Doctag.png|frameless|link=]]</div><div style="float:left;margin:0;padding:0 2px;"><span style="color:{{{7}}};font-weight:bold;">{{{6}}}</span></div></div><noinclude>
+<includeonly><span class="{{{bg|blue}}}bg {{{bd|yellow}}}bd {{{tx|hl}}}tx px-1" style="cursor:default; border-radius:2px; width:auto; border: 2px solid transparent; text-align:center; font-family: Montserrat,sans-serif!important">'''''{{{text}}}'''''</span></includeonly><noinclude>__NOTOC__ [[Category:Formatting Templates]]
-<pre>
-{{Tag|tag|width|bgcolor|border color|left bgcolor|text|text color}}
+== Purpose & Usage ==
-</pre>
+Create tags to use as indicators where appropriate (DO NOT overuse this!). This template makes use of custom CSS classes to display theme-friendly colors. Reference the [[Project:SiteColorPallet|Site Color Pallet]] for CSS classes.
+<pre>{{Tag|bg|bd|tx|text}}</pre>
+== Examples ==
+===Default Call===
+'''Code:'''
+<pre>some text {{Tag|text=TAG}} some text</pre>
+'''Result:'''
+some text {{Tag|text=TAG}} some text
+<br>
+<hr>
+<br>
+'''Code:'''
+<pre>some text {{Tag|bg=mpurple|bd=magent|tx=hl|text=TAG}} some text</pre>
+'''Result:'''
+some text {{Tag|bg=mpurple|bd=magent|tx=hl|text=TAG}} some text
+<br>
+<hr>
+<br>'''Code:'''
+<pre>some text {{Tag|bg=yellow|bd=purple|tx=dim|text=Long Tag}} some text</pre>
+'''Result:'''
+some text {{Tag|bg=yellow|bd=purple|tx=dim|text=Long Tag}} some text
+== See Also ==
+<!--
+[[:RELATED TEMPLATE NAME AND ARGUMENTS]]
+-->
+None
 </noinclude>