Template:Portrait: Difference between revisions

Revision as of 14:34, 13 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: @@
-{{#ifeq:{{{border|pink}}}|rainbow|<div class="pb-rainbow-ring" style="padding:{{#expr:{{{size|148}}}*5/148 round 1}}px;width:{{{size|148}}}px;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:{{#expr:{{{size|148}}}*5/148 round 1}}px;width:{{{size|148}}}px;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}}}
+{{#ifeq:{{{border|pink}}}|rainbow|<div class="pb-rainbow-ring" style="padding:{{#expr:{{{size|148}}}*5/148 round 1}}px;width:{{{size|148}}}px;height:{{{size|148}}}px;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:{{#expr:{{{size|148}}}*5/148 round 1}}px;width:{{{size|148}}}px;height:{{{size|148}}}px;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%)