Difference between revisions of "1350: Lorenz/Images"
(+some pikachu ones) |
|||
| Line 1: | Line 1: | ||
These are the images that form the interactive comic [[1350: Lorenz]], exactly as they are stored in the xkcd website. A few of them already have text, while most images have blank spaces for the text to be inserted by the script. The latter are reusable by definition, often appearing in multiple stories and multiple times in the same story, with completely different texts. | These are the images that form the interactive comic [[1350: Lorenz]], exactly as they are stored in the xkcd website. A few of them already have text, while most images have blank spaces for the text to be inserted by the script. The latter are reusable by definition, often appearing in multiple stories and multiple times in the same story, with completely different texts. | ||
| + | ===Syntax=== | ||
| + | Each panel is comprised of code like this, including a link to the image and the text to be inserted. To save the original image, just open the URL in the src="". | ||
| + | |||
| + | <source> | ||
| + | <div class="panel showing" style="position: relative; margin: 9px;"> | ||
| + | <img style="position: static; vertical-align: top;" src="http://imgs.xkcd.com/comics/a1-2014/Wj5jIXbvvQEkTT05CCDYnw.png"> | ||
| + | <span style="position: absolute; top: 10px; left: 8px; height: 108px; width: 186px; text-align: center; font-family: xkcd-Regular; font-size: 15px; color: rgb(0, 0, 0); overflow: hidden;"> | ||
| + | <span style="position: absolute; left: 0px; right: 0px; bottom: 0px;">these stupid tiles ... І'll just play one more game.</span> | ||
| + | </span> | ||
| + | </div> | ||
| + | </source> | ||
| + | |||
| + | ===Images=== | ||
<div> | <div> | ||
[[File:lorenz.png]] | [[File:lorenz.png]] | ||
Revision as of 13:31, 3 April 2014
These are the images that form the interactive comic 1350: Lorenz, exactly as they are stored in the xkcd website. A few of them already have text, while most images have blank spaces for the text to be inserted by the script. The latter are reusable by definition, often appearing in multiple stories and multiple times in the same story, with completely different texts.
Syntax
Each panel is comprised of code like this, including a link to the image and the text to be inserted. To save the original image, just open the URL in the src="".
<div class="panel showing" style="position: relative; margin: 9px;"> <img style="position: static; vertical-align: top;" src="http://imgs.xkcd.com/comics/a1-2014/Wj5jIXbvvQEkTT05CCDYnw.png"> <span style="position: absolute; top: 10px; left: 8px; height: 108px; width: 186px; text-align: center; font-family: xkcd-Regular; font-size: 15px; color: rgb(0, 0, 0); overflow: hidden;"> <span style="position: absolute; left: 0px; right: 0px; bottom: 0px;">these stupid tiles ... І'll just play one more game.</span> </span> </div>
Images
