Template:Image frame: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
(add class="thumbimage" to get the border)
m (Protected "Template:Image frame" (‎[edit=sysop] (indefinite) ‎[move=sysop] (indefinite)))
 
(27 intermediate revisions by 21 users not shown)
Line 1: Line 1:
<includeonly>{{#ifeq: {{{align|right}}} | center | <div class="center"> |
<includeonly>{{#ifeq:{{{align|right}}}|center|<div class="center">|}}<div class="thumb {{#switch: {{{align|right}}} | right=tright | left=tleft | center=tnone | none=tnone | tright}}"><div class="thumbinner" style="{{#if:{{{width|}}}|width:{{#expr:{{{width}}}+2}}px;}}">{{#ifeq: {{{pos|bottom}}} | bottom |<div class="thumbimage" style="{{#if:{{{width|}}}|width:{{{width}}}px;}}">{{{content}}}</div>|}}<div class="thumbcaption">{{#if: {{{link|}}} | <div class="magnify" style="float:right">{{{linkoverride|[[:{{{link}}}|info]]}}}</div> |}}{{{caption|}}}</div>{{#ifeq: {{{pos|bottom}}} | top | <div class="thumbimage" style="{{#if:{{{width|}}}|width:{{{width}}}px;}}">{{{content}}}</div> |}}</div></div>{{#ifeq:{{{align|right}}}|center|</div>|}}</includeonly><noinclude>{{doc}}</noinclude>
}}<div class="thumb {{#switch: {{{align|right}}} | right=tright | left=tleft | center=tnone }}">
<div class="thumbinner" style="width:{{#expr:{{{width}}}+2}}px;">
<div class="thumbimage" style="width:{{{width}}}px;">{{{content}}}</div>
<div class="thumbcaption">
{{#if: {{{link|}}} | <div class="magnify" style="float:right">[[{{{link}}}|info]]</div> |}}
{{{caption|}}}
</div>
</div>
</div>{{#ifeq: {{{align|right}}} | center | </div> | }}</includeonly><noinclude>
== 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 {{tl|superimpose}}.
 
== Usage ==
 
<nowiki> {{imageframe | width=175 | content= [[Image:TSR1New.jpg|80px]] [[Image:TSR2New.jpg|80px]] | caption=Channel logos | link=Télévision Suisse Romande | align=center}} </nowiki>
 
will cause:
 
{{Imageframe | width=175 | content= [[Image:TSR1New.jpg|80px]] [[Image:TSR2New.jpg|80px]] | caption=Channel logos | link=Télévision Suisse Romande | align=center}}
<br clear="all">
 
== Parameters ==
; content : (required) Content of the main section (generally images)
; width :  (required) The width of the image within the frame, in pixels (though do not add "px" to the width: ie, use width=175 and not width=175px).
; caption : ''(optional)'' Content of the caption section.
; link : ''(optional)'' 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)
; align : (''optional'') Valid values: right ''(default)'', left, center.
 
 
[[Category:Formatting templates|{{PAGENAME}}]]
</noinclude>

Latest revision as of 20:25, 27 July 2013

[edit] Template documentation

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 {{superimpose}}.

Usage

{{Image_frame|width=|content=|caption=|link=|align=|pos=}}

Parameters

Required
  • width: the width of the image within the frame, in pixels (though do not add "px" to the width: ie, use width=175 and not width=175px)
  • content: content of the main section (generally images)
Optional
  • caption: content of the caption section
  • link: 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)
  • linkoverride: allows anything to be used instead of the 'info' link
  • align: Valid values: right (default), left, center.
  • pos: Where to put the caption. Valid values: top, bottom (default)

Examples

By filling out the parameters as follows, the result will be as shown below the code.

{{Image_frame|width=200|content=[[Image:Example.png|100px]][[Image:Example.png|100px]]|caption=Example usage|link=Main_Page|align=center}}
Example.pngExample.png
Example usage
{{Image_frame|width=200|content=[[Image:Example.png|100px]][[Image:Example.png|100px]]|caption=Example usage|link=Main_Page|align=center|pos=top}}
Example usage
Example.pngExample.png