Template:comic

Explain xkcd: It's 'cause you're dumb.
(Difference between revisions)
Jump to: navigation, search
(absolutely no content change, only indentation (using XML comments) and comments, for readability)
Line 1: Line 1:
<includeonly><table class="{{{bodyclass|}}}" cellspacing="5" style="background-color: #F9F9F9; border: 1px solid #AAAAAA; color: black; font-size: 88%; line-height: 1.5em; margin: 0.5em 0 0.5em 1em; padding: 0.2em; text-align: center; width:98%; {{{bodystyle|}}}">
+
<includeonly><!--
<tr><td><ul style="text-align: center; margin-bottom: 10px;" class="no-link-underline"><noinclude>
+
--><table class="{{{bodyclass|}}}" cellspacing="5"
 +
          style="background-color: #F9F9F9; border: 1px solid #AAAAAA; color: black; font-size: 88%; line-height: 1.5em;
 +
                margin: 0.5em 0 0.5em 1em; padding: 0.2em; text-align: center; width:98%; {{{bodystyle|}}}"><!--
 +
  ### Navigation bar (previous, next...) ###
 +
  --><tr><td><!--
 +
    --><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" ###
  
<!-- NAVBAR: If there is an article for the comic prior to this one, create a "prev"-->
+
      -->{{#ifexist:{{#expr:{{{number|}}} - 1}}<!--
</noinclude>{{#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; display: inline; font-size: 16px; font-variant: small-caps; font-weight: 600; margin: 0 4px; padding: 1.5px 12px;">[[{{#expr:{{{number|}}}-1}}|<span style="color: #FFFFFF;">&lt; Prev</span>]]</li>|<li style="border: 1.5px ; border-radius: 3px 3px 3px 3px; box-shadow: 0; display: inline; font-size: 16px; font-variant: small-caps; font-weight: 600; margin: 0 4px; padding: 1.5px 12px;"><span style="color: #FFFFFF;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></li>}}<noinclude>
+
                      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;
 +
                      margin: 0 4px; padding: 1.5px 12px;"><!--
 +
          -->[[{{#expr:{{{number|}}} - 1}}|<span style="color: #FFFFFF;">&lt; Prev</span>]]<!--
 +
        --></li><!--
 +
      -->|<li style="border: 1.5px ; border-radius: 3px 3px 3px 3px; box-shadow: 0;
 +
                      display: inline; font-size: 16px; font-variant: small-caps; font-weight: 600;
 +
                      margin: 0 4px; padding: 1.5px 12px;"><!--
 +
          --><span style="color: #FFFFFF;"><!--
 +
            -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--
 +
          --></span><!--
 +
        --></li><!--
 +
      -->}}<!--
  
<!-- NAVBAR: Create a centre button with comic #, date (if exists) and link-->
+
      ### Create a centre button with comic number, date (if exists) and link ###
  
</noinclude><li style="background-color: #6E7B91; 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; margin: 0 4px; padding: 1.5px 12px;" class="no-xkcd-favicon">[http://www.xkcd.com/{{{number}}}/ <span style="color: #FFFFFF;">Comic &#35;{{{number}}} {{#if:{{{date|}}}|({{{date|}}})}}</span>]</li><noinclude>
+
      --><li style="background-color: #6E7B91;
 +
                    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;
 +
                    margin: 0 4px; padding: 1.5px 12px;"
 +
            class="no-xkcd-favicon"><!--
 +
        -->[http://www.xkcd.com/{{{number}}}/ <!--
 +
        --><span style="color: #FFFFFF;">Comic &#35;{{{number}}} {{#if:{{{date|}}}|({{{date|}}})}}</span>]<!--
 +
      --></li><!--
  
<!-- NAVBAR: If there is an article for the comic following this one, create a "next"-->
+
      ### If there is an article for the comic following this one, create a "next" ###
  
</noinclude>{{#ifexist:{{#expr:{{{number|}}}+1}}
+
      -->{{#ifexist:{{#expr:{{{number|}}} + 1}}<!--
  |<li style="background-color: #6E7B91; 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; margin: 0 4px; padding: 1.5px 12px;">[[{{#expr:{{{number|}}}+1}}|<span style="color: #FFFFFF;">Next &gt;</span>]]</li>|<li style="border: 1.5px ; border-radius: 3px 3px 3px 3px; box-shadow: 0; display: inline; font-size: 16px; font-variant: small-caps; font-weight: 600; margin: 0 4px; padding: 1.5px 12px;"><span style="color: #FFFFFF;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></li>}}
+
      -->|<li style="background-color: #6E7B91;
</ul></td></tr>
+
                      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;
 +
                      margin: 0 4px; padding: 1.5px 12px;"><!--
 +
          -->[[{{#expr:{{{number|}}} + 1}}|<span style="color: #FFFFFF;">Next &gt;</span>]]<!--
 +
        --></li><!--
 +
      -->|<li style="border: 1.5px ; border-radius: 3px 3px 3px 3px; box-shadow: 0;
 +
                      display: inline; font-size: 16px; font-variant: small-caps; font-weight: 600;
 +
                      margin: 0 4px; padding: 1.5px 12px;"><!--
 +
          --><span style="color: #FFFFFF;"><!--
 +
            -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<!--
 +
          --></span><!--
 +
        --></li><!--
 +
      -->}}<!--
 +
    --></ul><!--
 +
  --></td></tr><!--
  
<tr><td>{{#if:{{{title|}}}|<span style="font-size:20px">'''{{{title|}}}'''</span>}}</td></tr><noinclude>
+
  ### Comic title ###
 +
  --><tr><td><!--
 +
    -->{{#if:{{{title|}}}|<span style="font-size:20px">'''{{{title|}}}'''</span>}}<!--
 +
  --></td></tr><!--
  
<!--  Displays comic image, and title text-->
+
  ### Comic image and title text ###
  
</noinclude>
+
  --><tr><td><!--
<tr><td>{{#if:{{{image|}}}|[[File:{{{image|}}}{{!}}{{{titletext|}}}{{#if:{{{imagesize|}}}|{{!}}{{{imagesize|}}}}}]]{{#if:{{{titletext|}}}|{{#if:{{{imagesize|}}}|<br />[Click comic to enlarge]}}<br /><span style="{{{captionstyle|}}}"><span style="color:grey">Title-text:</span> {{{titletext|}}}</span>}}}}
+
    -->{{#if:{{{image|}}}<!--
</td></tr></table><noinclude>
+
    -->|[[File:{{{image|}}}{{!}}{{{titletext|}}}{{#if:{{{imagesize|}}}|{{!}}{{{imagesize|}}}}}]]<!--
 +
      -->{{#if:{{{titletext|}}}<!--
 +
      -->|{{#if:{{{imagesize|}}}|<br />[Click comic to enlarge]}}<!--
 +
        --><br /><span style="{{{captionstyle|}}}"><span style="color:grey">Title-text:</span> {{{titletext|}}}</span><!--
 +
      -->}}<!--
 +
    -->}}<!--
 +
  --></td></tr><!--
 +
--></table><!--
  
<!-- Adds categories to comic based on date field-->
+
  ### Add categories to comic based on date field ###
  
</noinclude>
+
-->{{#ifeq:{{NAMESPACE}}|Template||<!--
{{#ifeq:{{NAMESPACE}}|Template||{{#ifeq:{{PAGENAME}}|Main Page||[[Category:Comics{{!}}{{{number|(missing parameter 1)}}}]]{{#if:{{{date|}}}|[[Category:Comics from {{#time:Y|{{{date|(missing parameter 2)}}}}}]][[Category:Comics from {{#time:F|{{{date|}}}}}]][[Category:Comics|{{Num4|{{{number|}}}}}]][[Category:{{#time:l|{{{date|}}}}} Comics]]}}}}}}<!--
+
  -->{{#ifeq:{{PAGENAME}}|Main Page||<!--
 +
    -->[[Category:Comics{{!}}{{{number|(missing parameter 1)}}}]]<!--
 +
    -->{{#if:{{{date|}}}|<!--
 +
      -->[[Category:Comics from {{#time:Y|{{{date|(missing parameter 2)}}}}}]]<!--
 +
      -->[[Category:Comics from {{#time:F|{{{date|}}}}}]]<!--
 +
      -->[[Category:Comics|{{Num4|{{{number|}}}}}]]<!--
 +
      -->[[Category:{{#time:l|{{{date|}}}}} Comics]]<!--
 +
    -->}}<!--
 +
  -->}}<!--
 +
-->}}<!--
  
-->{{#if:{{{alttext|}}}|<span class="error">'''Error:''' The alttext= parameter to the {{tl|comic}} template was deprecated. Please edit this page and replace alttext= with titletext=.</span>}}<noinclude>
+
  ### Error message about the alttext parameter ###
</includeonly><noinclude>
+
 
 +
-->{{#if:{{{alttext|}}}|<span class="error">'''Error:''' The alttext= parameter to the {{tl|comic}} template was deprecated. Please edit this page and replace alttext= with titletext=.</span>}}<!--
 +
 
 +
  ### DOCUMENTATION ###
 +
 
 +
--></includeonly><noinclude>
 
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.
 
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.
  

Revision as of 14:59, 9 August 2012

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.
[Click comic to enlarge]
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.

Template

Usage

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

Notes

  • The date should be written in the form: January 1, 2006
  • The imagesize field is optional for larger comics. The comic's larger dimension (height or width) will be limited to the set size. Warning: If the size is larger than the image, the image will be stretched. Format must be in pixels (eg: "350px")

The above sample is produced by the following code: [

{{comic
| number    = 16
| date      = January 1, 2006
| title     = Monty Python -- Enough
| image     = Monty python.jpg
| imagesize = 350px
| 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
Toolbox

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?