Difference between revisions of "Template:comic"

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
(Let's try this.)
m (Protected "Template:comic": While the feature additions that anon made were cool, it'd be pretty bad for us if this got vandalized. (‎[edit=sysop] (indefinite) ‎[move=sysop] (indefinite)))
(9 intermediate revisions by 3 users not shown)
Line 11: Line 11:
 
     ### Generate the |< button ###
 
     ### Generate the |< button ###
 
     --><ul style="text-align: center; margin-bottom: 10px;" class="no-link-underline"><!--
 
     --><ul style="text-align: center; margin-bottom: 10px;" class="no-link-underline"><!--
     -->{{#ifeq: {{{number}}} | 1 |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}}<!--
+
     -->{{#ifeq: {{{number}}} | 1 |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<!--
 
     --><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 20: Line 20:
 
       ### Create the prev button ###
 
       ### Create the prev button ###
  
     -->{{#ifeq: {{{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;
 
                     display: inline; font-size: 16px; font-variant: small-caps; font-weight: 600;
 
                     display: inline; font-size: 16px; font-variant: small-caps; font-weight: 600;
Line 47: Line 47:
 
           -->[[{{#expr:{{{number}}} + 1}}|<span style="color: #FFFFFF; padding: 0 12px;">Next &gt;</span>]]<!--
 
           -->[[{{#expr:{{{number}}} + 1}}|<span style="color: #FFFFFF; padding: 0 12px;">Next &gt;</span>]]<!--
 
         --></li><!--
 
         --></li><!--
       -->}}<!--
+
        
  
 
### Generate a button that points to the page specified by LATESTCOMIC: the latest comic. ###
 
### Generate a button that points to the page specified by LATESTCOMIC: the latest comic. ###
Line 56: Line 56:
 
           -->[[{{LATESTCOMIC}}|<span style="color: #FFFFFF; padding: 0 12px;">&gt;&#124;</span>]]<!--
 
           -->[[{{LATESTCOMIC}}|<span style="color: #FFFFFF; padding: 0 12px;">&gt;&#124;</span>]]<!--
 
         --></li><!--
 
         --></li><!--
 +
      -->}}<!--
 +
      -->{{#ifexist:{{#expr:{{{number}}} + 1}}||&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}}<!--
 
     --></ul><!--
 
     --></ul><!--
 
   --></td></tr><!--
 
   --></td></tr><!--
  
-->{{#ifexist:{{#expr:{{{number}}} + 1}} |  |&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}}<!--
 
  
 
   ### Comic title ###
 
   ### Comic title ###

Revision as of 21:54, 7 March 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     = 
| custom    = 
| 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.
  • If the custom field is not empty, the image field will be ignored and be replaced with any text that you put in the custom field.

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.
}}