Jump to content

Template:Screenshot: Difference between revisions

From Swarthmore Knowledge Base
Kwhiteb1 (talk | contribs)
No edit summary
Kwhiteb1 (talk | contribs)
No edit summary
Line 2: Line 2:
<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:10px; 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;">


[[File:{{{1}}}|{{{2|600px}}}|alt={{{3|}}}]]
[[File:{{{1}}}|{{{2|600px}}}|alt={{{3|}}}]]
</div>


{{#if:{{{4|}}}|
{{#if:{{{4|}}}|
Line 16: Line 20:
</div>
</div>
</includeonly>
</includeonly>
<noinclude>
== Screenshot Template ==
== Screenshot Template ==



Revision as of 14:10, 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:

Example

{{Screenshot
 | DrupalMySites.png
 | 500px
 | Screenshot showing the My Sites menu in the Drupal toolbar
 | The Drupal toolbar after a successful login.
}}