Difference between revisions of "Template:comic/sandbox"
m |
|||
| Line 13: | Line 13: | ||
This table will contain a table row (tr) and cell (td) | This table will contain a table row (tr) and cell (td) | ||
--><tr><td><!-- | --><tr><td><!-- | ||
| + | |||
| + | Display the (optional) text just before the navigation | ||
| + | -->{{#if:{{{beforenav|}}}|<tr><td style="padding-bottom:10px">{{{beforenav}}}</td></tr>}}<!-- | ||
Now make an unordered list which will display as the navigation bar | Now make an unordered list which will display as the navigation bar | ||
| Line 88: | Line 91: | ||
Now that the nav bar has been generated, display the rest if given. | Now that the nav bar has been generated, display the rest if given. | ||
| − | Display the (optional) text just before the | + | Display the (optional) text just before the image |
-->{{#if:{{{before|}}}|<tr><td style="padding-bottom:10px">{{{before}}}</td></tr>}}<!-- | -->{{#if:{{{before|}}}|<tr><td style="padding-bottom:10px">{{{before}}}</td></tr>}}<!-- | ||
| Line 108: | Line 111: | ||
If the comic has a title text, then add it in a small print underneath the comic | If the comic has a title text, then add it in a small print underneath the comic | ||
| − | -->{{#if:{{{titletext|}}}|<br /><span style="margin-top:0. | + | -->{{#if:{{{titletext|}}}|<br /><span style="margin-top:0.7em; display:inline-block; {{{captionstyle|}}}"><!-- |
| − | --><span style="color:grey">'''[ | + | --><span style=<!--"color:grey"-->>'''[[Title text|Title text]]:'''</span> {{{titletext}}}<!-- |
--></span>}}</td></tr></table><!-- | --></span>}}</td></tr></table><!-- | ||
| Line 148: | Line 151: | ||
| title = Suspension Bridge | | title = Suspension Bridge | ||
| image = suspension_bridge_2x.png | | image = suspension_bridge_2x.png | ||
| + | | before = fjeusfvd | ||
| + | | beforenav = usfvdtrhthrbb | ||
| imagesize = 362x365px | | imagesize = 362x365px | ||
| noexpand = true | | noexpand = true | ||
| Line 172: | Line 177: | ||
* At least the '''<code>number</code>''', '''<code>title</code>''', and '''<code>image</code>''' are required. | * At least the '''<code>number</code>''', '''<code>title</code>''', and '''<code>image</code>''' are required. | ||
| − | * The '''<code>date</code>''' should be written in the form: | + | * The '''<code>date</code>''' should be written in the form: <code>January 1, 2006</code> |
* The '''<code>imagesize</code>''' field is optional. | * The '''<code>imagesize</code>''' field is optional. | ||
Revision as of 16:11, 18 April 2025
This template has an associated sandbox, available at Template:comic/sandbox.
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.
Example
| Suspension Bridge |
| fjeusfvd |
 Title text: As a first step, they can put in a secondary deck, to help drivers try it out and find out how fun the jumps are. After a while no one will use the old flat deck and they can remove it. |
Usage
{{comic
| number =
| date =
| title =
| before =
| image =
| custom =
| imagesize =
| noexpand =
| titletext =
| ldomain =
| lappend =
}}
Notes
- At least the
number,title, andimageare required.
- The
dateshould be written in the form:January 1, 2006
- The
imagesizefield 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
imagesizeis larger than theimage, the image will be stretched.
- The
noexpandfield is optional.- It is used in conjunction with
imagesize, hiding the "Click comic to enlarge" button - To use this option, you must set it to
true
- It is used in conjunction with
-
beforeis a special field for inserting text before the comic. One use is for extremely large comics (e.g., 1732: Earth Temperature Timeline), to skip to the explanation.
- If the
customfield is not empty, the image field will be ignored and be replaced with any text that you put in thecustomfield.
- If
numberis left undefined, most of the navigation bar will be disabled.-
lappendmust be defined as...kd.com/LAPPEND/
to keep the link to xkcd.com valid. - For example, if the link is to a blog post (blog.xkcd.com),
ldomaincan be defined asblog
to change the subdomain in the link.
-
The example above is produced by the following code:
{{comic
| number = 3048
| date = February 7, 2025
| title = Suspension Bridge
| image = suspension_bridge_2x.png
| imagesize = 362x365px
| noexpand = true
| titletext = As a first step, they can put in a secondary deck, to help drivers try it out and find out how fun the jumps are. After a while no one will use the old flat deck and they can remove it.
}}
