Difference between revisions of "Template:comic"
(the underscores are intentional, as they mimic the original filenames from xkcd.com) |
|||
| (43 intermediate revisions by 9 users not shown) | |||
| Line 1: | Line 1: | ||
| − | <includeonly><table class="{{{bodyclass|}}}" cellspacing="5" style="background-color: # | + | <includeonly><!-- |
| − | < | + | --><table class="{{{bodyclass|}}}" cellspacing="5" |
| + | style="background-color: #FFFFFF; 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" ### | |
| − | <!-- | + | -->{{#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;">< Prev</span>]]<!-- | ||
| + | --></li><!-- | ||
| + | -->|<li style="display: inline; font-size: 16px; margin: 0 4px; padding: 1.5px 12px;"><!-- | ||
| + | --> <!-- | ||
| + | --></li><!-- | ||
| + | -->}}<!-- | ||
| − | + | ### Create a centre button with comic number, date (if exists) and link ### | |
| − | |||
| − | |||
| − | < | + | --><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="plainlinks"><!-- | ||
| + | -->[http://www.xkcd.com/{{{number}}}/ <!-- | ||
| + | --><span style="color: #FFFFFF;">Comic #{{{number}}} {{#if:{{{date|}}}|({{{date}}})}}</span>]<!-- | ||
| + | --></li><!-- | ||
| − | + | ### If there is an article for the comic following this one, create a "next" ### | |
| − | + | -->{{#ifexist:{{#expr:{{{number}}} + 1}}<!-- | |
| − | + | -->|<li style="background-color: #6E7B91; | |
| − | </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 ></span>]]<!-- | ||
| + | --></li><!-- | ||
| + | -->|<li style="display: inline; font-size: 16px; margin: 0 4px; padding: 1.5px 12px;"><!-- | ||
| + | --> <!-- | ||
| + | --></li><!-- | ||
| + | -->}}<!-- | ||
| + | --></ul><!-- | ||
| + | --></td></tr><!-- | ||
| − | + | ### Comic title ### | |
| − | + | -->{{#if:{{{title|}}}|<tr><td style="font-size: 20px; padding-bottom:10px"><!-- | |
| − | + | -->'''{{{title}}}'''<!-- | |
| + | --></td></tr>}}<!-- | ||
| − | -->{{#if:{{{ | + | ### Text before comic ### |
| − | </includeonly><noinclude> | + | |
| + | -->{{#if:{{{before|}}}|<tr><td style="padding-bottom:10px"><!-- | ||
| + | -->{{{before}}}<!-- | ||
| + | --></td></tr>}}<!-- | ||
| + | |||
| + | ### Comic image and title text ### | ||
| + | |||
| + | --><tr><td><!-- | ||
| + | -->{{#if:{{{image|}}}|[[File:{{{image|}}}|{{{imagesize|}}}|{{{titletext|}}}]]}}<!-- | ||
| + | -->{{#if:{{{imagesize|}}}|<br />[Click comic to enlarge]}}<!-- | ||
| + | -->{{#if:{{{titletext|}}}|<br /><span style="{{{captionstyle|}}}"><span style="color:grey">Title text:</span> {{{titletext}}}</span>}}<!-- | ||
| + | --></td></tr><!-- | ||
| + | --></table><!-- | ||
| + | |||
| + | ### Add categories to comic based on date field ### | ||
| + | |||
| + | -->{{DEFAULTSORT: {{padleft:{{{number}}}|4}}}}<!-- (default sorting key for all categories: use zero-padding to make sure #9 comes before #10, etc.) | ||
| + | -->{{#ifeq:{{NAMESPACE}}|{{ns:10}}||<!-- (no categorization on the Template namespace) | ||
| + | -->{{#ifeq:{{FULLPAGENAME}}|{{int:mainpage}}||<!-- (no categorization when transcluded into the main page) | ||
| + | -->[[Category:Comics]]<!-- | ||
| + | -->{{#if:{{{date|}}}|<!-- | ||
| + | -->[[Category:Comics from {{#time:Y|{{{date}}}}}]]<!-- (categorize by year) | ||
| + | -->[[Category:Comics from {{#time:F|{{{date}}}}}]]<!-- (categorize by month) | ||
| + | -->[[Category:{{#time:l|{{{date}}}}} comics]]<!-- (categorize by weekday) | ||
| + | -->}}<!-- | ||
| + | -->}}<!-- | ||
| + | -->}}<!-- | ||
| + | |||
| + | ### 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. | ||
| − | ==Sample== | + | == Sample == |
| + | |||
The following is a sample usage of this template: | The following is a sample usage of this template: | ||
{{comic | {{comic | ||
| number = 16 | | number = 16 | ||
| − | | date = | + | | date = October 4, 2005 |
| title = Monty Python -- Enough | | title = Monty Python -- Enough | ||
| − | | image = | + | | 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. | | 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. | ||
}} | }} | ||
| − | + | ||
| − | ==Usage== | + | == Usage == |
| + | |||
<pre>{{comic | <pre>{{comic | ||
| number = | | number = | ||
| date = | | date = | ||
| title = | | title = | ||
| + | | before = | ||
| image = | | image = | ||
| imagesize = | | imagesize = | ||
| Line 54: | Line 113: | ||
}}</pre> | }}</pre> | ||
| − | ===Notes=== | + | === Notes === |
| + | |||
| + | * At least the number, title and image are required. | ||
* The date should be written in the form: January 1, 2006 | * 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: | |
| − | |||
| − | |||
<pre>{{comic | <pre>{{comic | ||
| number = 16 | | number = 16 | ||
| − | | date = | + | | date = October 4, 2005 |
| title = Monty Python -- Enough | | title = Monty Python -- Enough | ||
| − | | image = | + | | 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. | | 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. | ||
}}</pre> | }}</pre> | ||
| + | |||
| + | [[Category:Templates]] | ||
</noinclude> | </noinclude> | ||
Revision as of 17:31, 1 May 2013
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 |
 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.
}}
