Jump to content

Template:Screenshot: Difference between revisions

From Swarthmore Knowledge Base
Kwhiteb1 (talk | contribs)
No edit summary
Kwhiteb1 (talk | contribs)
mNo edit summary
Line 1: Line 1:
<includeonly>
<includeonly><div role="figure" aria-label="{{#if:{{{4|}}}|Figure: {{{4}}}|Screenshot: {{{3|}}}}}" style="text-align:center; margin:1.5em 0;">
<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 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 style="display:inline-block; border:1px solid #c8ccd1; border-radius:4px; overflow:hidden; line-height:0;">
<div style="display:inline-block; border:1px solid #c8ccd1; border-radius:4px; overflow:hidden; line-height:0;">
[[File:{{{1}}}|{{{2|600px}}}|alt={{{3|}}}]]
[[File:{{{1}}}|{{{2|600px}}}|alt={{{3|}}}]]
</div>
</div>
{{#if:{{{4|}}}|
{{#if:{{{4|}}}|
<div style="margin-top:.75em; font-size:90%; color:#333; text-align:center; line-height:1.4;">
<div style="margin-top:.75em; font-size:90%; color:#333; text-align:center; line-height:1.4;">
Line 15: Line 9:
</div>
</div>
}}
}}
</div>
</div>
 
</div></includeonly><noinclude>
</div>
</includeonly>
== Screenshot Template ==
== Screenshot Template ==


Line 42: Line 33:
# '''Caption''' — optional; the template automatically adds <code>Figure:</code>
# '''Caption''' — optional; the template automatically adds <code>Figure:</code>


=== Example ===
<pre>
{{Screenshot
| DrupalMySites.png
| 500px
| Screenshot showing the My Sites menu in the Drupal toolbar
| The Drupal toolbar after a successful login.
}}
</pre>
</noinclude>
</noinclude>

Revision as of 14:30, 9 July 2026

Screenshot Template

Creates a consistently styled screenshot with optional caption text.

Usage

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

Parameters

  1. File name — required
  2. Width — optional, defaults to 600px
  3. Alternative text — required for meaningful screenshots
  4. Caption — optional; the template automatically adds Figure: