Template:Portrait: Difference between revisions

Latest revision as of 22:17, 11 April 2026

[[File:{{{image}}}|148px|link=|alt=]]

Usage

{{Portrait
| image   = Example.png
| border  = gold
| shape   = circle
| caption = Main Outfit
}}

Parameters

image — filename of the uploaded image
border — border style (see list below)
shape — circle or square
size — size in pixels, default 148
caption — optional caption shown below the portrait

Border options

pink · red · orange · gold · yellow · green · cyan · blue · purple · pink-metal · brown · bronze · silver · gray · black · white · rainbow

Shape options

circle · square

@@ Line 1: / Line 1: @@
-<div style="padding:5px;display:inline-flex;align-items:center;justify-content:center;border-radius:{{#ifeq:{{{shape|circle}}}|square|16px|50%}};background:{{#switch:{{{border|pink}}}
+{{#ifeq:{{{border|pink}}}|rainbow|<div class="pb-rainbow-ring" style="padding:5px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border-radius:{{#ifeq:{{{shape|circle}}}|square|16px|50%}};overflow:hidden;box-shadow:0 4px 20px #f7339a66;"><div class="portrait-ring-wrap {{#ifeq:{{{shape|circle}}}|square|shape-square|}}">|<div style="padding:5px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;border-radius:{{#ifeq:{{{shape|circle}}}|square|16px|50%}};overflow:hidden;box-shadow:0 4px 20px #f7339a44;background:{{#switch:{{{border|pink}}}
   | pink       = linear-gradient(135deg,#f7339a 0%,#fff 35%,#ff9dd1 55%,#fff 75%,#f7339a 100%)
   | red        = linear-gradient(135deg,#5a0000 0%,#ff4444 22%,#cc0000 44%,#ff8888 66%,#8b0000 88%,#ff4444 100%)
@@ Line 16: / Line 16: @@
   | black      = linear-gradient(135deg,#000 0%,#333 22%,#000 44%,#555 66%,#111 88%,#444 100%)
   | white      = linear-gradient(135deg,#bbb 0%,#fff 25%,#ddd 50%,#fff 75%,#ccc 100%)
-| rainbow    = conic-gradient(#ff0000,#ff8800,#ffff00,#00cc44,#0088ff,#8800ff,#ff00cc,#ff0000)
   | #default   = linear-gradient(135deg,#f7339a 0%,#fff 35%,#ff9dd1 55%,#fff 75%,#f7339a 100%)
-}};box-shadow:0 4px 20px #f7339a44;overflow:hidden;{{#ifeq:{{{border|pink}}}|rainbow|animation:pb-rainbow-spin 3s linear infinite;|}}"></div><noinclude>
+}};">
+<div class="portrait-ring-wrap {{#ifeq:{{{shape|circle}}}|square|shape-square|}}">}}[[File:{{{image}}}|{{{size|148}}}px|link=|alt=]]</div>{{#if:{{{caption|}}}|<div style="text-align:center;font-size:.78rem;font-style:italic;padding:6px 4px 2px;border-radius:0;color:{{#switch:{{{border|pink}}}
+ | pink       = #7a0044
+ | red        = #ffffff
+ | orange     = #ffffff
+ | gold       = #3a2000
+ | yellow     = #333300
+ | green      = #ffffff
+ | cyan       = #ffffff
+ | blue       = #ffffff
+ | purple     = #ffffff
+ | pink-metal = #ffffff
+ | brown      = #ffffff
+ | bronze     = #ffffff
+ | silver     = #222222
+ | gray       = #ffffff
+ | black      = #ffffff
+ | white      = #333333
+ | rainbow    = #ffffff
+ | #default   = #7a0044
+}};">{{{caption}}}</div>|}}</div><noinclude>
 == Usage ==
-<pre>{{Portrait|image=Example.png|border=gold|shape=circle}}</pre>
+<pre>
+{{Portrait
+| image   = Example.png
+| border  = gold
+| shape   = circle
+| caption = Main Outfit
+}}
+</pre>
-Borders: pink · red · orange · gold · yellow · green · cyan · blue · purple · pink-metal · brown · bronze · silver · gray · black · white · rainbow
+=== Parameters ===
+* '''image''' — filename of the uploaded image
+* '''border''' — border style (see list below)
+* '''shape''' — <code>circle</code> or <code>square</code>
+* '''size''' — size in pixels, default 148
+* '''caption''' — optional caption shown below the portrait
-Shapes: circle · square
+=== Border options ===
+pink · red · orange · gold · yellow · green · cyan · blue · purple · pink-metal · brown · bronze · silver · gray · black · white · rainbow
+=== Shape options ===
+circle · square
 </noinclude>