Editing Template:Comicbox sandbox

<!-- 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;"
|-
<ul style="text-align: center; margin-bottom: 10px;" class="no-link-underline">

      {{#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;">&lt; Prev</span>]]
        </li>
       |<li style="display: inline; font-size: 16px; margin: 0 4px; padding: 1.5px 12px;">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </li>
      }}

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

      {{#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="display: inline; font-size: 16px; margin: 0 4px; padding: 1.5px 12px;">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </li>
      }}
    </ul>
|-
| style="font-size:20px;"| {{{title|}}}
{{yesno|{{{horizontal|}}}
|yes=
{{!}}-
{{!}} [[File:{{{image}}}|{{{imagewidth|auto}}}|{{{caption|}}}]]
{{!}}-
{{!}} style="font-size:10px; padding-bottom: 10px;"{{!}} {{{caption|}}}
{{!}}-
{{!}} style="font-size:16px; text-align: left; padding-top: 10px; border-top: 1px solid #CCC;"{{!}} {{{exp|}}}

|no=
{{!}} rowspan="3" style="font-size:16px; text-align: left; padding-left: 10px; border-left: 1px solid #CCC;"{{!}} {{{exp|}}}
{{!}}-
{{!}} [[File:{{{image}}}|{{{imagewidth|auto}}}|{{{caption|}}}]]
{{!}}-
{{!}} style="font-size:10px; padding-right: 10px;"{{!}} {{{caption|}}}

}}
|}</includeonly>
<noinclude>

'''Example template:''' <br />
<nowiki>{{</nowiki>Comicbox <br />
|horizontal = ''Leave blank or answer "no" if a square or vertical comic; "yes" if a horizontal comic.'' <br />
|title = ''The comic's title'' <br />
|image = ''The file in <code>name.suffix</code> format'' <br />
|imagewidth = "Optionally, set the width of the image. Include px/em/etc"<br />
|caption = ''The text that you see when you hover your mouse over the comic.'' <br />
|exp = ''The explanation of the comic.'' <br />
|width = "Optionally, set the with of the entire box. Include px/em/etc"<br />
<nowiki>}}</nowiki>


'''Horizontal comic sample:'''

{{Comicbox_sandbox
|horizontal = yes
|date = June 1, 2012
|number = 1063
|title = Kill Hitler
|image = Kill_hitler.png
|caption = Revised directive: It is forbidden for you to interfere with human history until you've at least taken a class on it.
|exp = In this comic, which I believe Randall created just to put in "BRB, Killing Hitler", [[Black Hat]] creates a one use time machine.  [[Cueball]] selects the most common suggestion for Time Machine usage "Killing Hitler".  [[Black Hat]] finally relents and goes to kill Hitler, however, he goes to the year 1945, when Hitler is already in his bunker.  Hitler has already committed his atrocities and the war was already turning against him.  Later in 1945, he reportedly died by suicide in that very same bunker.  The joke in here being that he didn't save any lives or prevent the Holocaust or a global war by killing him in 1945 because he went back in time too late.  He needed to go earlier, before his rise to power.
}}


'''Square or vertical comic sample: '''
{{Comicbox_sandbox
|horizontal = no <!-- This parameter can also be set to "horizontal =" or left blank -->
|title = Internal Monologue
|image = internal_monologue.png
|caption = Oh right, eye contact. Ok, good, holding the eye contact ... holding ... still holding ... ok, too long! Getting weird! Quick, look thoughtfully into space and nod. Oh, dammit, said 'yeah' again!
|exp = Cueball attempts social interaction at what looks like a party as several people have drinks in their hands. His internal monologue is just him trying to make sure he is doing the right things in the conversation and reacting appropriately and not saying "yeah" too much.

The image text is a continuation of the internal monologue.

This is a common anxiety for geek types, who stereotypically are not very skilled in navigating social situations like parties. It can become a vicious cycle where the fear of handling the encounter badly makes one even more uncomfortable which results in behaving as awkwardly as they first feared. Also, for many geek type personalities, it's common to want to map out a pre-planned course of action that should produce desired results. A strategy that is usually doomed to failure when dealing with sufficiently complex and unpredictable scenarios... like conversations with other people. This painful, and all too common situation has been mined for comedic effect since the beginning of human civilization. 
}}
</noinclude>