Jump to content

Template:Screenshot

From Swarthmore Knowledge Base
Revision as of 13:46, 9 July 2026 by Kwhiteb1 (talk | contribs) (Created page with "<includeonly> <div 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);"> [[File:{{{1}}}|{{{2|600px}}}|alt={{{3|}}}]] {{#if:{{{4|}}}| <div style="margin-top:.75em; font-size:90%; color:#555; text-align:center;"> {{{4}}} </div> }} </div> </div> </includeonly> <noinclude> == Screenshot Template == Creates a consis...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)


Screenshot Template

Creates a consistently styled screenshot with an optional caption.

Usage

{{Screenshot
 | File.png
 | 600px
 | Alternative text
 | Optional caption
}}

Parameters

  1. File name (required)
  2. Width (optional, defaults to 600px)
  3. Alternative text (recommended)
  4. Caption (optional)

Examples

Without a caption:

{{Screenshot
 | DrupalMySites.png
 | 500px
 | Screenshot showing the My Sites menu
}}

With a caption:

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