Template:UserTag: Difference between revisions

Latest revision as of 02:37, 10 June 2026

UserTag should be used to indicate any user writing in first-person.

{{UserTag|g|GeorgeLopez|eeff66|I'm from TV.
One million edo.}}

@@ Line 1: / Line 1: @@
-<includeonly>
+<includeonly><div style="
-[{{fullurl:User:{{{2}}}}}
+display: flex;
-<span style="
+align-items: flex-start;
-display:inline-block;
+gap: 0.5em;
-padding:0.5em;
+">[[User:{{{2}}}|<span style="
-min-width:1em;
+	/* be careful with line breaks because any one of them could end up displaying in the parser */
-min-height:1em;
+	--s: color-mix(in srgb, #{{{3}}} 50%, #000 50%); /* use color-mix instead of rgba to avoid visible overlapping */
-line-height:normal;
+	display: inline-block;
-text-align:center;
+	text-align: center;
-background:#{{{3}}};
+	padding: 0.2em;
-color:#fff;
+	min-width: 1.5em;
-border:1px solid #000;
+	height: 1.5em;
-overflow:hidden;
+	color: #fff;
-">
+	box-shadow:
-{{{1}}}
+		inset  1px  1px 0 rgba(255,255,255,0.5),
-</span>
+		inset -1px -1px 0 rgba(0,0,0,0.5);
-]]
+	text-shadow:
-</includeonly>
+		-1px -1px 2px var(--s),
+px -1px 2px var(--s),
-<noinclude>
+		-1px  1px 2px var(--s),
+px  1px 2px var(--s);
+	background: #{{{3}}};
+">{{{1}}}</span>]]<div style="
+	color: color-mix(in srgb, #{{{3}}} 33%, currentColor 67%);
+">{{{4}}}</div></div></includeonly><noinclude>
 UserTag should be used to indicate any user writing in first-person.
-<pre>{{UserTag|g|GeorgeLopez|eeff66}}</pre>
+<pre>{{UserTag|g|GeorgeLopez|eeff66|I'm from TV.
+One million edo.}}</pre>
 # User tag, ideally one or two letters
 # Username for the link to the user page
 # Hex color without #
+# Text block assigned to the tag
 </noinclude>