Difference between revisions of "Template:Comicbox sandbox"
| Line 1: | Line 1: | ||
<!-- This template was based on code from Template:Comicbox square or vertical and Template:Comicbox horizontal, both by User:Grep. --> | <!-- This template was based on code from Template:Comicbox square or vertical and Template:Comicbox horizontal, both by User:Grep. --> | ||
| − | <includeonly>{| style="padding: 10px; width: {{{width|100%}}}; background-color: #DDD; border: 1px solid #CCC; text-align: center;" | + | <includeonly> |
| − | + | {| style="padding: 10px; width: {{{width|100%}}}; background-color: #DDD; border: 1px solid #CCC; text-align: center;" | |
| − | + | |- | |
| + | <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" ### | ### 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; | 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; | ||
| − | margin: 0 4px; padding: 1.5px 12px;"> | + | 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 ### | ### 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; | 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; | ||
margin: 0 4px; padding: 1.5px 12px;" | margin: 0 4px; padding: 1.5px 12px;" | ||
| − | class="no-xkcd-favicon"> | + | class="no-xkcd-favicon"> |
| − | + | [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" ### | ### If there is an article for the comic following this one, create a "next" ### | ||
| − | + | {{#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; | 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; | ||
| − | margin: 0 4px; padding: 1.5px 12px;"> | + | 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> | |
| − | |||
|- | |- | ||
| style="font-size:20px;"| {{{title|}}} | | style="font-size:20px;"| {{{title|}}} | ||
| Line 82: | Line 82: | ||
{{Comicbox_sandbox | {{Comicbox_sandbox | ||
|horizontal = yes | |horizontal = yes | ||
| + | |date = June 1, 2012 | ||
| + | |number = 1063 | ||
|title = Kill Hitler | |title = Kill Hitler | ||
|image = Kill_hitler.png | |image = Kill_hitler.png | ||
Revision as of 11:25, 10 August 2012
Example template:
{{Comicbox
|horizontal = Leave blank or answer "no" if a square or vertical comic; "yes" if a horizontal comic.
|title = The comic's title
|image = The file in name.suffix format
|imagewidth = "Optionally, set the width of the image. Include px/em/etc"
|caption = The text that you see when you hover your mouse over the comic.
|exp = The explanation of the comic.
|width = "Optionally, set the with of the entire box. Include px/em/etc"
}}
Horizontal comic sample:
| Kill Hitler
style="background-color:#9eff9e;"| |
Square or vertical comic sample:

