Difference between revisions of "Template:Image"

From The Coppermind
Jump to navigation Jump to search
m (try now)
m (fix docs)
Line 30: Line 30:
 
|style="text-align: center;"| ''none'' || when only the file name and caption are passed
 
|style="text-align: center;"| ''none'' || when only the file name and caption are passed
 
| <pre>{{image| cosmere symbol.svg | this is the caption}}</pre>
 
| <pre>{{image| cosmere symbol.svg | this is the caption}}</pre>
| [[file: cosmere symbol.svg|thumb|center|100px|<div class="attribution" style="font-size: small; text-align: center;">by [[Isaac Stewart]]</div> this is the caption ]]
+
| [[file: cosmere symbol.svg|thumb|center|100px|<div class="attribution">by [[Isaac Stewart]]</div> this is the caption ]]
 
|-
 
|-
 
|style="text-align: center;"| <code>side=left</code> || pushes the image over to the left, and allows the page to flow around it
 
|style="text-align: center;"| <code>side=left</code> || pushes the image over to the left, and allows the page to flow around it
Line 36: Line 36:
 
| this is the caption
 
| this is the caption
 
}}</pre>
 
}}</pre>
| [[file: cosmere symbol.svg|thumb|left|100px|<div class="attribution" style="font-size: small; text-align: center;">by [[Isaac Stewart]]</div> this is the caption ]]
+
| [[file: cosmere symbol.svg|thumb|left|100px|<div class="attribution">by [[Isaac Stewart]]</div> this is the caption ]]
 
|-
 
|-
 
|style="text-align: center;"| <code>side=right</code> || pushes the image over to the right, and allows the page to flow around it
 
|style="text-align: center;"| <code>side=right</code> || pushes the image over to the right, and allows the page to flow around it
Line 42: Line 42:
 
| this is the caption
 
| this is the caption
 
}}</pre>
 
}}</pre>
| [[file: cosmere symbol.svg|thumb|right|100px|<div class="attribution" style="font-size: small; text-align: center;">by [[Isaac Stewart]]</div> this is the caption ]]
+
| [[file: cosmere symbol.svg|thumb|right|100px|<div class="attribution">by [[Isaac Stewart]]</div> this is the caption ]]
 
|-
 
|-
 
|style="text-align: center;"| <code>attribute=tracer</code> || changes the attribution of the image to the "tracer" of the image instead of the original artist.
 
|style="text-align: center;"| <code>attribute=tracer</code> || changes the attribution of the image to the "tracer" of the image instead of the original artist.
Line 48: Line 48:
 
| this is the caption
 
| this is the caption
 
}}</pre>
 
}}</pre>
| [[file: cosmere symbol.svg|thumb|left|100px|<div class="attribution" style="font-size: small; text-align: center;">by [[User: WeiryWriter]]</div> this is the caption ]]
+
| [[file: cosmere symbol.svg|thumb|left|100px|<div class="attribution">by [[User: WeiryWriter]]</div> this is the caption ]]
 
|-
 
|-
 
|style="text-align: center;"| <code>width=20%</code> || changes the width of the image
 
|style="text-align: center;"| <code>width=20%</code> || changes the width of the image
Line 54: Line 54:
 
| this is the caption
 
| this is the caption
 
}}</pre>
 
}}</pre>
| [[file: cosmere symbol.svg|thumb|center|200px|<div class="attribution" style="font-size: small; text-align: center;">by [[Isaac Stewart]]</div> this is the caption ]]
+
| [[file: cosmere symbol.svg|thumb|center|200px|<div class="attribution">by [[Isaac Stewart]]</div> this is the caption ]]
 
|-
 
|-
 
|style="text-align: center;"| <code>width=20%</code> || changes the height of the image
 
|style="text-align: center;"| <code>width=20%</code> || changes the height of the image
Line 60: Line 60:
 
| The ketek "Alight, winds approach deadly approaching winds alight." written in glyphs and stylized to represent the meeting of the Everstorm and a highstorm.
 
| The ketek "Alight, winds approach deadly approaching winds alight." written in glyphs and stylized to represent the meeting of the Everstorm and a highstorm.
 
}}</pre>
 
}}</pre>
| [[file: Navani's Ketek glyphs.svg|thumb|center|x150px|<div class="attribution" style="font-size: small; text-align: center;">by [[Isaac Stewart]]</div> The ketek "Alight, winds approach deadly approaching winds alight." written in glyphs and stylized to represent the meeting of the Everstorm and a highstorm. ]]
+
| [[file: Navani's Ketek glyphs.svg|thumb|center|x150px|<div class="attribution">by [[Isaac Stewart]]</div> The ketek "Alight, winds approach deadly approaching winds alight." written in glyphs and stylized to represent the meeting of the Everstorm and a highstorm. ]]
 
|-
 
|-
   

Revision as of 07:28, 7 May 2020


This template should be used on pages to include a thumbnail of an image on a page.

Usage
{{image|file-name.png|caption}}

The file name and caption parameters are required. THere are several optional parameters:

{{image| file-name.png | caption |
|side=center|left|right
|width=100px
|attribute=artist|tracer
}
Usage Examples
Parameter Description Code Example
none when only the file name and caption are passed
{{image| cosmere symbol.svg | this is the caption}}
this is the caption
side=left pushes the image over to the left, and allows the page to flow around it
{{image| cosmere symbol.svg |side=left
| this is the caption
}}
this is the caption
side=right pushes the image over to the right, and allows the page to flow around it
{{image| cosmere symbol.svg |side=right
| this is the caption
}}
this is the caption
attribute=tracer changes the attribution of the image to the "tracer" of the image instead of the original artist.
{{image| cosmere symbol.svg |attribute=tracer
| this is the caption
}}
this is the caption
width=20% changes the width of the image
{{image| cosmere symbol.svg |width=200px
| this is the caption
}}
this is the caption
width=20% changes the height of the image
{{image| Navani's Ketek glyphs.svg |height=150px
| The ketek "Alight, winds approach deadly approaching winds alight." written in glyphs and stylized to represent the meeting of the Everstorm and a highstorm.
}}
The ketek "Alight, winds approach deadly approaching winds alight." written in glyphs and stylized to represent the meeting of the Everstorm and a highstorm.
Notes
The height parameter overrides the width parameter. If exact dimensions are required pass width=WxHpx where W is the width & H is the height.

Articles using Template