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: @@
 {{#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%)
- | orange     = linear-gradient(135deg,#5a1e00 0%,#ff8c00 22%,#e05a00 44%,#ffb347 66%,#7a3000 88%,#ff8c00 100%)
- | gold       = linear-gradient(135deg,#5a3e00 0%,#ffd700 18%,#fff0a0 36%,#c8960c 54%,#ffe566 72%,#8a6000 90%,#ffd700 100%)
- | yellow     = linear-gradient(135deg,#666600 0%,#ffff44 25%,#eeee00 50%,#ffffaa 75%,#888800 100%)
- | green      = linear-gradient(135deg,#002200 0%,#22cc44 22%,#00882a 44%,#77ee99 66%,#004410 88%,#22cc44 100%)
- | cyan       = linear-gradient(135deg,#002233 0%,#00ccdd 22%,#007799 44%,#88eeff 66%,#003344 88%,#00ccdd 100%)
- | blue       = linear-gradient(135deg,#000066 0%,#4488ff 22%,#1133cc 44%,#99bbff 66%,#000088 88%,#4488ff 100%)
- | purple     = linear-gradient(135deg,#1a0033 0%,#9933ff 22%,#6600bb 44%,#cc99ff 66%,#2a0055 88%,#9933ff 100%)
- | pink-metal = linear-gradient(135deg,#550033 0%,#ff44aa 22%,#cc0066 44%,#ff99cc 66%,#7a0044 88%,#ff44aa 100%)
- | brown      = linear-gradient(135deg,#1a0800 0%,#8b5e3c 22%,#5a2e10 44%,#c4956a 66%,#2a1000 88%,#8b5e3c 100%)
- | bronze     = linear-gradient(135deg,#2a1200 0%,#cd7f32 18%,#8b4513 36%,#eaaa6a 54%,#cd7f32 72%,#3a1800 90%,#cd7f32 100%)
- | silver     = linear-gradient(135deg,#444 0%,#ddd 18%,#999 36%,#fff 54%,#bbb 72%,#eee 88%,#555 100%)
- | gray       = linear-gradient(135deg,#111 0%,#777 25%,#444 50%,#aaa 75%,#222 100%)
- | 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%)
- | #default   = linear-gradient(135deg,#f7339a 0%,#fff 35%,#ff9dd1 55%,#fff 75%,#f7339a 100%)
-}};">
-<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
-| caption = Main Outfit
-}}
-</pre>
-=== 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
-=== 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>{{#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%)