Template:Jux: Difference between revisions
Jump to navigation
Jump to search
(Jux or Juxtapose can be used for template name) |
(Added height/width flags) |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
# Upload the two images you want to juxtapose on ConsoleMods by clicking the "Upload File" button in the sidebar. | # Upload the two images you want to juxtapose on ConsoleMods by clicking the "Upload File" button in the sidebar. | ||
# Get the URL of each image by clicking on each until the URL | # Get the URL of each image by clicking on each until the URL is similar to: `https://consolemods.org/wiki/images/d/d4/Xbox.png`. | ||
# Visit [https://juxtapose.knightlab.com/ KnightLab.com] (a Northwestern University website) and click "Make a Juxtapose". Choose "Interactive" for the Juxtapose type and complete the form, supplying the URL of each picture. | # Visit [https://juxtapose.knightlab.com/ KnightLab.com] (a Northwestern University website) and click "Make a Juxtapose". Choose "Interactive" for the Juxtapose type and complete the form, supplying the URL of each picture. | ||
# Click "Publish" and it will generate an embed link such as: | # Click "Publish" and it will generate an embed link such as: | ||
#:`https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=7c10a588-3991-11e7-a6aa-0edaf8f81e27` | #:`https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=7c10a588-3991-11e7-a6aa-0edaf8f81e27` | ||
# Copy the ID at the end following `uid=` and paste it in the format <code><nowiki>{{Juxtapose|ID_HERE}}</nowiki></code> or the short name <code><nowiki>{{Jux|ID_HERE}}</nowiki></code>. | # Copy the ID at the end following `uid=` and paste it in the format <code><nowiki>{{Juxtapose|ID_HERE|width=800|height=600}}</nowiki></code> or the short name <code><nowiki>{{Jux|ID_HERE|width=800|height=600}}</nowiki></code>. Make sure to enter the height/width of the image (in pixels). | ||
#: With our example, it would be: <code><nowiki>{{Jux|7c10a588-3991-11e7-a6aa-0edaf8f81e27}}</nowiki></code> | #: With our example, it would be: <code><nowiki>{{Jux|7c10a588-3991-11e7-a6aa-0edaf8f81e27|width=800|height=600}}</nowiki></code> | ||
#: Which would result in: | #: Which would result in: | ||
{{Jux|7c10a588-3991-11e7-a6aa-0edaf8f81e27}} | {{Jux|7c10a588-3991-11e7-a6aa-0edaf8f81e27|width=800|height=600}} | ||
</noinclude> | </noinclude> | ||
{{#tag:iframe|level="cdn"|path="libs/juxtapose/latest/embed/index.html?uid={{{1}}}"|w={{{width|800}}}|h={{{height|600}}}}} | {{#tag:iframe|level="cdn"|path="libs/juxtapose/latest/embed/index.html?uid={{{1}}}"|w={{{width|800}}}|h={{#expr: {{{height|600}}} + 15}}}} | ||
Latest revision as of 09:18, 16 July 2023
Juxtapose Images
- Upload the two images you want to juxtapose on ConsoleMods by clicking the "Upload File" button in the sidebar.
- Get the URL of each image by clicking on each until the URL is similar to:
https://consolemods.org/wiki/images/d/d4/Xbox.png. - Visit KnightLab.com (a Northwestern University website) and click "Make a Juxtapose". Choose "Interactive" for the Juxtapose type and complete the form, supplying the URL of each picture.
- Click "Publish" and it will generate an embed link such as:
- Copy the ID at the end following
uid=and paste it in the format{{Juxtapose|ID_HERE|width=800|height=600}}or the short name{{Jux|ID_HERE|width=800|height=600}}. Make sure to enter the height/width of the image (in pixels).- With our example, it would be:
{{Jux|7c10a588-3991-11e7-a6aa-0edaf8f81e27|width=800|height=600}} - Which would result in:
- With our example, it would be: