https://pool.calebcooper.ie/index.php?action=history&feed=atom&title=Template%3AImage_frame%2FdocTemplate:Image frame/doc - Revision history2026-04-08T08:33:25ZRevision history for this page on the wikiMediaWiki 1.43.8https://pool.calebcooper.ie/index.php?title=Template:Image_frame/doc&diff=15266&oldid=prevCaleb Cooper: Created page with "{{Documentation subpage}} {{Commons Import}} <!-- PLEASE ADD CATEGORIES AT THE BOTTOM OF THIS PAGE --> <!-- <templatedata>{ "params": { "align": { "label": "Alignment",..."2020-11-03T18:24:10Z<p>Created page with "{{Documentation subpage}} {{Commons Import}} <!-- PLEASE ADD CATEGORIES AT THE BOTTOM OF THIS PAGE --> <!-- <templatedata>{ "params": { "align": { "label": "Alignment",..."</p>
<p><b>New page</b></p><div>{{Documentation subpage}}<br />
{{Commons Import}}<br />
<!-- PLEASE ADD CATEGORIES AT THE BOTTOM OF THIS PAGE --><br />
<!--<br />
<templatedata>{<br />
"params": {<br />
"align": {<br />
"label": "Alignment",<br />
"description": "\"left\" and \"right\" float the image to that side. \"center\" centres the image, and \"none\" left-aligns it without floating.",<br />
"type": "string",<br />
"default": "right"<br />
},<br />
"width": {<br />
"label": "Width",<br />
"description": "The width of the image within the frame, in pixels (though do not add \"px\" to the width e.g., use width=175 and not width=175px).",<br />
"type": "number",<br />
"default": "Automatic, based on content",<br />
"suggested": true<br />
},<br />
"pos": {<br />
"label": "Caption position",<br />
"description": "Where to put the caption. Valid values: top, bottom.",<br />
"type": "string",<br />
"default": "bottom"<br />
},<br />
"innerstyle": {<br />
"label": "Inner frame style",<br />
"description": "Plain [[CSS]] to apply to the inner frame. Use with care. Examples: <code>text-align: center;</code>, <code>background: #ccc;</code>.",<br />
"type": "string"<br />
},<br />
"content": {<br />
"label": "Content",<br />
"description": "Content of the main section (generally images).",<br />
"type": "content",<br />
"required": true<br />
},<br />
"border": {<br />
"label": "Border",<br />
"description": "Border of the main section (generally images).",<br />
"type": "content",<br />
"required": false,<br />
"default": "yes"<br />
},<br />
"link": {<br />
"label": "Link",<br />
"description": "Link for the \"Enlarge\" link in the caption (in the future, may also be used as the link for the image field inside the frame, though it would probably require an additional height parameter).",<br />
"type": "wiki-page-name"<br />
},<br />
"link_text": {<br />
"label": "Alternative link text",<br />
"description": "Alternative text used for the link for the \"Enlarge\" link in the caption, usually displayed as tooltip.",<br />
"type": "string"<br />
},<br />
"linkoverride": {<br />
"label": "Link override",<br />
"description": "Completely replaces the 'info' link.",<br />
"type": "line"<br />
},<br />
"caption": {<br />
"label": "Caption",<br />
"type": "content"<br />
},<br />
"mode": {<br />
"label": "Mode",<br />
"description": "Display mode of the main section, input <code>scrollable</code> will make the content scroling if the content is longer than viewport.",<br />
"type": "string"<br />
},<br />
"max-width": {<br />
"label": "Maximum width",<br />
"description": "The maximum width of the image within the frame, in pixels (though do not add \"px\" to the width e.g., use max-width=350 and not max-width=350px), valid only in scrollable mode.",<br />
"type": "number",<br />
"default": "100%",<br />
"suggested": true<br />
},<br />
"dir": {<br />
"label": "Direction",<br />
"description": "Use the value \"rtl\" to make the right side of the image the initial visible portion inside the scroll frame, valid only in scrollable mode.",<br />
"type": "string"<br />
},<br />
"style": {<br />
"type": "content"<br />
}<br />
},<br />
"description": "This template creates a frame like those surrounding images. This template can be used to put two or more images into a frame together, or as a wrapper for more complicated templates like [[:Template:Superimpose]].\n\n<noexport><br/><code>&#123;&#123;Image frame &#124;align= &#124;mode= &#124;width= &#124;max-width= &#124;style= &#124;border= &#124;pos= &#124;link= &#124;linkoverride= &#124;link_text= &#124;caption= &#124;dir= &#124;innerstyle= &#124;content= &#125;&#125;</code></noexport>",<br />
"paramOrder": [<br />
"content",<br />
"width",<br />
"align",<br />
"pos",<br />
"innerstyle",<br />
"link",<br />
"link_text",<br />
"linkoverride",<br />
"caption",<br />
"border",<br />
"mode",<br />
"max-width",<br />
"dir",<br />
"style"<br />
]<br />
}</templatedata><br />
--><br />
{{Format TemplateData|TOC=1}}<br />
<br />
== Examples ==<br />
<br />
By filling out the parameters as follows, the result will be as shown below the code.<br />
<pre style="overflow:auto"><br />
{{Image frame|width=200|content=[[File:PNG transparency demonstration 1.png|100px]][[File:White Stars 3.svg|100px]]<br />
|caption=Example usage|link=Hello world|align=center}}<br />
</pre><br />
{{Image frame|width=200|content=[[File:PNG transparency demonstration 1.png|100px]][[File:White Stars 3.svg|100px]]<br />
|caption=Example usage|link=Hello world|align=center}}<br />
<br />
<pre style="overflow:auto"><br />
{{Image frame|width=200|content=[[File:PNG transparency demonstration 1.png|100px]][[File:White Stars 3.svg|100px]]<br />
|caption=Example usage|link=Hello world|align=center|pos=top}}<br />
</pre><br />
{{Image frame|width=200|content=[[File:PNG transparency demonstration 1.png|100px]][[File:White Stars 3.svg|100px]]<br />
|caption=Example usage|link=Hello world|align=center|pos=top}}<br />
<br />
== See also ==<br />
* [[Wikipedia:Extended image syntax]] — (for [[File: .. |thumb .. or [[ Image .. | et cetera )<br />
* {{tl|align}}<br />
* {{tl|center}}, {{tl|right}} and {{tl|left}}<br />
* {{tl|float center}}, {{tl|float right}} and {{tl|float left}}<br />
* For more detail see wikipedia page [[wikipedia:Template:Image frame]]<br />
<br />
<includeonly>{{Sandbox other||<br />
<!-- Categories below this line, please; interwikis at Wikidata --><br />
[[Category:Graphics templates]]<br />
[[Category:Image formatting and function templates]]<br />
[[Category:Positioning templates]]<br />
}}</includeonly></div>Caleb Cooper