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>[[User:{{{2}}}|
+<includeonly><div style="
-<span style="display:inline-block; padding:0.5em; min-width:1em; min-height:1em; line-height:normal; text-align:center; background:#{{{3}}}; color:#fff; border:1px solid #000; overflow:hidden;">{{{1}}}</span>]]</includeonly>
+display: flex;
+align-items: flex-start;
-<noinclude>
+gap: 0.5em;
+">[[User:{{{2}}}|<span style="
+	/* be careful with line breaks because any one of them could end up displaying in the parser */
+	--s: color-mix(in srgb, #{{{3}}} 50%, #000 50%); /* use color-mix instead of rgba to avoid visible overlapping */
+	display: inline-block;
+	text-align: center;
+	padding: 0.2em;
+	min-width: 1.5em;
+	height: 1.5em;
+	color: #fff;
+	box-shadow:
+		inset  1px  1px 0 rgba(255,255,255,0.5),
+		inset -1px -1px 0 rgba(0,0,0,0.5);
+	text-shadow:
+		-1px -1px 2px var(--s),
+px -1px 2px var(--s),
+		-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>