Template:comic

Explain xkcd: It's 'cause you're dumb.
(Difference between revisions)
Jump to: navigation, search
(Clickable regions on the buttons enlarged; I found it very confusing that major parts of the buttons could not be clicked)
(Clearing up artefact from the past, getting ready to make changes.)
Line 10: Line 10:
 
     --><ul style="text-align: center; margin-bottom: 10px;" class="no-link-underline"><!--
 
     --><ul style="text-align: center; margin-bottom: 10px;" class="no-link-underline"><!--
  
       ### If there is an article for the comic prior to this one, create a "prev" ###
+
       ### Create the prev button ###
  
      -->{{#ifexist:{{#expr:{{{number}}} - 1}}<!--
 
 
       -->|<li style="background-color: #6E7B91;
 
       -->|<li style="background-color: #6E7B91;
 
                       border: 1.5px solid #333333; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 5px 0 gray;
 
                       border: 1.5px solid #333333; border-radius: 3px 3px 3px 3px; box-shadow: 0 0 5px 0 gray;
Line 19: Line 18:
 
           -->[[{{#expr:{{{number}}} - 1}}|<span style="color: #FFFFFF; padding: 0 12px;">&lt; Prev</span>]]<!--
 
           -->[[{{#expr:{{{number}}} - 1}}|<span style="color: #FFFFFF; padding: 0 12px;">&lt; Prev</span>]]<!--
 
         --></li><!--
 
         --></li><!--
      -->|<li style="display: inline; font-size: 16px; margin: 0 4px; padding: 1.5px 12px;"><!--
 
          -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--
 
        --></li><!--
 
      -->}}<!--
 
  
 
       ### Create a centre button with comic number, date (if exists) and link ###
 
       ### Create a centre button with comic number, date (if exists) and link ###

Revision as of 22:35, 18 February 2014

This is the basic infobox-style header template used to display xkcd comics on their own pages, including the comic number (with external link to xkcd), publication date, title, comic image, and title text.

Sample

The following is a sample usage of this template:

Monty Python -- Enough
I went to a dinner where there was a full 10 minutes of Holy Grail quotes exchanged, with no context, in lieu of conversation.  It depressed me badly.
Title text: I went to a dinner where there was a full 10 minutes of Holy Grail quotes exchanged, with no context, in lieu of conversation. It depressed me badly.

Usage

{{comic
| number    = 
| date      = 
| title     = 
| before    =
| image     = 
| imagesize = 
| titletext = 
}}

Notes

  • At least the number, title and image are required.
  • The date should be written in the form: January 1, 2006
  • The imagesize field is optional.
    • The comic's width will be limited to the set size. Format must be in pixels (eg: "350px")
    • The comic's height may be set by adding an 'x' to the start (eg: "x350px")
    • Warning: If the size is larger than the image, the image will be stretched.
  • before is a special field for inserting text before the comic. One use is for extremely large comics (e.g. Umwelt), to skip to the explanation.

The above sample is produced by the following code:

{{comic
| number    = 16
| date      = October 4, 2005
| title     = Monty Python -- Enough
| image     = monty_python.jpg
| titletext = I went to a dinner where there was a full 10 minutes of Holy Grail quotes exchanged, with no context, in lieu of conversation.  It depressed me badly.
}}
Personal tools
Namespaces

Variants
Actions
Navigation
Tools

It seems you are using noscript, which is stopping our project wonderful ads from working. Explain xkcd uses ads to pay for bandwidth, and we manually approve all our advertisers, and our ads are restricted to unobtrusive images and slow animated GIFs. If you found this site helpful, please consider whitelisting us.

Want to advertise with us, or donate to us with Paypal or Bitcoin?