Template:Screenshot: Difference between revisions

Revision as of 15:08, 9 July 2026

Creates a consistently styled screenshot with optional caption text.

{{Screenshot
 | File.png
 | 600px
 | Alternative text
 | Caption text without "Figure:"
}}

@@ Line 1: / Line 1: @@
-<includeonly><div style="text-align:center; margin:1.5em 0;">
+<includeonly><div role="figure" aria-label="{{#if:{{{4|}}}|Figure: {{{4}}}|Screenshot: {{{3|}}}}}" style="text-align:center; margin:1.5em 0;">
+<div style="display:inline-block; max-width:100%; background:#fff; border:1px solid #d8dde8; border-radius:8px; padding:12px; box-shadow:0 1px 3px rgba(0,0,0,.08); box-sizing:border-box;">
-<div role="figure" aria-label="{{#if:{{{4|}}}|Figure: {{{4}}}|Screenshot: {{{3|}}}}}" style="display:inline-block; max-width:100%; background:#fff; border:1px solid #d8dde8; border-radius:8px; padding:12px; box-shadow:0 1px 3px rgba(0,0,0,.08); box-sizing:border-box;">
+<img src="/wiki/Special:Redirect/file/{{{1}}}" alt="{{{3|}}}" style="display:block; max-width:100%; height:auto; border:1px solid #c8ccd1; border-radius:4px; box-sizing:border-box;">
+{{#if:{{{4|}}}|<div style="margin-top:.75em; font-size:90%; color:#333; text-align:center; line-height:1.4;"><strong>Figure:</strong> {{{4}}}</div>}}
-<div style="display:inline-block; max-width:100%; border:1px solid #c8ccd1; border-radius:4px; overflow:hidden; line-height:0; box-sizing:border-box;">
-[[File:{{{1}}}|frameless|{{{2|600px}}}|alt={{{3|}}}]]
 </div>
-{{#if:{{{4|}}}|
-<div style="margin-top:.75em; font-size:90%; color:#333; text-align:center; line-height:1.4;">
-<strong>Figure:</strong> {{{4}}}
-</div>
-}}
-</div>
 </div></includeonly>