Difference between revisions of "User:Markhurd/sandbox"

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
(Test without Special:ExpandTemplates)
(Getting title text popups working with external links)
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!--
+
External hyperlink with title: <span title="title text">[http://example.com example link]</span>.
−
--><table class="" 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%; "><!--
 
  
−
  ### Navigation bar (previous, next...) ###
+
[[File:Wikipedia-Marker-commons.svg|thumb|A picture from Wikimedia Commons embedded in this Wiki]]
 +
[[File:other car.jpg|frameless|300px|]]
 +
<noinclude>{{comic discussion}}</noinclude>
 +
{|class="wikitable plainlinks"
 +
|-
 +
!Description
 +
!You type
 +
!You get
 +
!URL
 +
!other car
 +
!URL
 +
|-
 +
| no format specified
 +
Rendered as a floating block: no
 +
Rendered inline: yes
 +
Rendered caption: no
 +
| <nowiki>
 +
... text text text
 +
[[File:example.jpg|caption]]
 +
text text text ...
 +
</nowiki>
 +
|
 +
... text text text
 +
[[File:example.jpg|caption]]
 +
text text text ...
 +
|
 +
http://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg
 +
|
 +
... text text text
 +
[[File:other car.jpg|caption]]
 +
text text text ...
 +
|
 +
http://www.explainxkcd.com/wiki/images/thumb/2/20/other_car.jpg/372px-other_car.jpg
 +
|-
 +
| border results in a very small gray border
 +
Rendered as a floating block: no
 +
Rendered inline: yes
 +
Rendered caption: no
 +
| <nowiki>
 +
... text text text
 +
[[File:example.jpg|border|caption]]
 +
text text text ...
 +
</nowiki>
 +
|
 +
... text text text
 +
[[File:example.jpg|border|caption]]
 +
text text text ...
 +
|
 +
http://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg
 +
|
 +
... text text text
 +
[[File:other car.jpg|border|caption]]
 +
text text text ...
 +
|
 +
http://www.explainxkcd.com/wiki/images/thumb/2/20/other_car.jpg/372px-other_car.jpg
 +
|-
 +
| frameless, like thumbnail, respect user preferences for image width, but without border and no right float
 +
Rendered as a floating block: no
 +
Rendered inline: yes
 +
Rendered caption: no
 +
| <nowiki>
 +
... text text text
 +
[[File:example.jpg|frameless|caption]]
 +
text text text ...
 +
</nowiki>
 +
|
 +
... text text text
 +
[[File:example.jpg|frameless|caption]]
 +
text text text ...
 +
|
 +
http://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg
 +
|
 +
... text text text
 +
[[File:other car.jpg|frameless|caption]]
 +
text text text ...
 +
|
 +
http://www.explainxkcd.com/wiki/images/thumb/2/20/other_car.jpg/180px-other_car.jpg
 +
|-
 +
| frameless and border
 +
Rendered as a floating block: no
 +
Rendered inline: yes
 +
Rendered caption: no
 +
| <nowiki>
 +
... text text text
 +
[[File:example.jpg|frameless|border|caption]]
 +
text text text ...
 +
</nowiki>
 +
|
 +
... text text text
 +
[[File:example.jpg|frameless|border|caption]]
 +
text text text ...
 +
|
 +
http://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg
 +
|
 +
... text text text
 +
[[File:other car.jpg|frameless|border|caption]]
 +
text text text ...
 +
|
 +
http://www.explainxkcd.com/wiki/images/thumb/2/20/other_car.jpg/180px-other_car.jpg
 +
|-
 +
| frame
 +
Rendered as a floating block: yes
 +
Rendered inline: no
 +
Rendered caption: yes
 +
| <nowiki>
 +
... text text text
 +
[[File:example.jpg|frame|caption]]
 +
text text text ...
 +
</nowiki>
 +
|
 +
... text text text
 +
[[File:example.jpg|frame|caption]]
 +
text text text ...
 +
|
 +
http://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg
 +
|
 +
... text text text
 +
[[File:other car.jpg|frame|caption]]
 +
text text text ...
 +
|
 +
http://www.explainxkcd.com/wiki/images/thumb/2/20/other_car.jpg/372px-other_car.jpg
 +
|-
 +
| thumb or thumbnail
 +
Rendered as a floating block: yes
 +
Rendered inline: no
 +
Rendered caption: yes
 +
| <nowiki>
 +
... text text text
 +
[[File:example.jpg|thumb|caption]]
 +
text text text ...
 +
</nowiki>
 +
|
 +
... text text text
 +
[[File:example.jpg|thumb|caption]]
 +
text text text ...
 +
|
 +
http://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg
 +
|
 +
... text text text
 +
[[File:other car.jpg|thumb|caption]]
 +
text text text ...
 +
|
 +
http://www.explainxkcd.com/wiki/images/thumb/2/20/other_car.jpg/180px-other_car.jpg
 +
|}
  
−
  --><tr><td><!--
+
Allowing "external" hotlinking to this wiki's images shows the other car image properly:
−
    --><ul style="text-align: center; margin-bottom: 10px;" class="no-link-underline"><!--
+
http://www.explainxkcd.com/wiki/images/2/20/other_car.jpg
−
 
 
−
      ### If there is an article for the comic prior to this one, create a "prev" ###
 
−
 
 
−
      -->{{#ifexist:{{#expr:80 - 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:80 - 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><!--
 
−
      -->}}<!--
 
−
 
 
−
      ### 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/80/ <!--
 
−
        --><span style="color: #FFFFFF;">Comic &#35;80 {{#if:March 24, 2006|(March 24, 2006)}}</span>]<!--
 
−
      --></li><!--
 
−
 
 
−
      ### If there is an article for the comic following this one, create a "next" ###
 
−
 
 
−
      -->{{#ifexist:{{#expr:80 + 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:80 + 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><!--
 
−
  --></td></tr><!--
 
−
 
 
−
  ### Comic title ###
 
−
 
 
−
  -->{{#if:My Other Car|<tr><td style="font-size: 20px; padding-bottom:10px"><!--
 
−
    -->'''My Other Car'''<!--
 
−
  --></td></tr>}}<!--
 
−
 
 
−
  ### Text before comic ###
 
−
 
 
−
  -->{{#if:|<tr><td style="padding-bottom:10px"><!--
 
−
    -->{{{before}}}<!--
 
−
  --></td></tr>}}<!--
 
−
 
 
−
  ### Comic image and title text ###
 
−
 
 
−
  --><tr><td><!--
 
−
  -->{{#if:other car.jpg|[[File:other car.jpg||It's much better than the other one.]]}}<!--
 
−
  -->{{#if:|<br />[Click comic to enlarge]}}<!--
 
−
  -->{{#if:It's much better than the other one.|<br /><span style=""><span style="color:grey">Title text:</span> It's much better than the other one.</span>}}<!--
 
−
  --></td></tr><!--
 
−
--></table><!--
 
−
 
 
−
  ### Add categories to comic based on date field ###
 
−
 
 
−
-->{{DEFAULTSORT:&nbsp;{{padleft:80|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:March 24, 2006|<!--
 
−
      -->[[Category:Comics from {{#time:Y|March 24, 2006}}]]<!-- (categorize by year)
 
−
      -->[[Category:Comics from {{#time:F|March 24, 2006}}]]<!-- (categorize by month)
 
−
      -->[[Category:{{#time:l|March 24, 2006}} comics]]<!-- (categorize by weekday)
 
−
    -->}}<!--
 
−
  -->}}<!--
 
−
-->}}<!--
 
−
 
 
−
  ### DOCUMENTATION ###
 
−
 
 
−
-->
 

Latest revision as of 14:13, 5 May 2016

External hyperlink with title: example link.

A picture from Wikimedia Commons embedded in this Wiki

other car.jpg


comment.png  Add comment      new topic.png  Create topic (use sparingly)     refresh discuss.png  Refresh 

Discussion

Frame 1normal
      comment.png  Add comment
Description You type You get URL other car URL
no format specified

Rendered as a floating block: no Rendered inline: yes Rendered caption: no

... text text text [[File:example.jpg|caption]] text text text ...

... text text text caption text text text ...

http://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg

... text text text caption text text text ...

http://www.explainxkcd.com/wiki/images/thumb/2/20/other_car.jpg/372px-other_car.jpg

border results in a very small gray border

Rendered as a floating block: no Rendered inline: yes Rendered caption: no

... text text text [[File:example.jpg|border|caption]] text text text ...

... text text text caption text text text ...

http://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg

... text text text caption text text text ...

http://www.explainxkcd.com/wiki/images/thumb/2/20/other_car.jpg/372px-other_car.jpg

frameless, like thumbnail, respect user preferences for image width, but without border and no right float

Rendered as a floating block: no Rendered inline: yes Rendered caption: no

... text text text [[File:example.jpg|frameless|caption]] text text text ...

... text text text caption text text text ...

http://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg

... text text text caption text text text ...

http://www.explainxkcd.com/wiki/images/thumb/2/20/other_car.jpg/180px-other_car.jpg

frameless and border

Rendered as a floating block: no Rendered inline: yes Rendered caption: no

... text text text [[File:example.jpg|frameless|border|caption]] text text text ...

... text text text caption text text text ...

http://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg

... text text text caption text text text ...

http://www.explainxkcd.com/wiki/images/thumb/2/20/other_car.jpg/180px-other_car.jpg

frame

Rendered as a floating block: yes Rendered inline: no Rendered caption: yes

... text text text [[File:example.jpg|frame|caption]] text text text ...

... text text text

caption

text text text ...

http://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg

... text text text

caption

text text text ...

http://www.explainxkcd.com/wiki/images/thumb/2/20/other_car.jpg/372px-other_car.jpg

thumb or thumbnail

Rendered as a floating block: yes Rendered inline: no Rendered caption: yes

... text text text [[File:example.jpg|thumb|caption]] text text text ...

... text text text

caption

text text text ...

http://upload.wikimedia.org/wikipedia/commons/a/a9/Example.jpg

... text text text

caption

text text text ...

http://www.explainxkcd.com/wiki/images/thumb/2/20/other_car.jpg/180px-other_car.jpg

Allowing "external" hotlinking to this wiki's images shows the other car image properly: http://www.explainxkcd.com/wiki/images/2/20/other_car.jpg

Retrieved from "https://www.explainxkcd.com/wiki/index.php?title=User:Markhurd/sandbox&oldid=119342"