Template:Annotated image 4: Difference between revisions
Jump to navigation
Jump to search
Gerald Chi- (talk | contribs) mNo edit summary |
(add align=none) |
||
| Line 1: | Line 1: | ||
<includeonly><div class="thumb {{#switch: {{{align|}}} | left = tleft| | <includeonly><!--The table wrapper below allows AI4-templated images to be viewed in mobile browsers--> | ||
<div class="thumbinner" style="width:{{#expr:{{{width|300}}}+2}}px;"> | {| role="presentation" cellpadding="0" style="border-spacing:0; {{#switch: {{{align|}}} | none = | left = clear:left; float:left; | center | centre = margin-left: auto; margin-right: auto; border: none; | right | #default = clear:right; float:right; }}" | ||
|-<!--Annotated image 4 template code starts below here--> | |||
|<div class="thumb {{#switch: {{{align|}}} | none=tnone | left = tleft | center | centre = center | right | #default = tright}}" {{#switch: {{{align|}}}|centre|center=style="margin: 1em auto;|margin-top:0px; margin-bottom:0px;"}}> | |||
<div class="thumbinner" style="width:{{#expr:{{{width|300}}}+2}}px;{{#if:{{{frameless|}}}|border:0px;background-color:#fff}} "> | |||
{{#if:{{{header|}}}| | {{#if:{{{header|}}}| | ||
<div style="clear: both; font-weight: bold; font-size: 106.4%; text-align: {{{header_align|center}}}; background-color: {{{header_background|transparent}}};margin-bottom:3px">{{{header}}}</div> | <div style="clear: both; font-weight: bold; font-size: 106.4%; text-align: {{{header_align|center}}}; background-color: {{{header_background|transparent}}};margin-bottom:3px;">{{{header}}}</div> | ||
}} | }} | ||
<!--Start image wrapper--> | <!--Start image wrapper--> | ||
<div style="position:relative; width:{{{width|300}}}px; height:{{{height}}}px; overflow:hidden; border:solid #ccc 1px; background-color:{{{image-bg-color|white}}};"> | <div style="position:relative; width:{{{width|300}}}px; height:{{{height}}}px; overflow:hidden; border:{{#if:{{{frameless|}}}|0px|solid #ccc 1px}}; background-color:{{{image-bg-color|white}}};"> | ||
<!--Start annotated image--> | <!--Start annotated image--> | ||
<div style="left:{{{image-left|0}}}px; top:{{{image-top|0}}}px; width:{{{image-width|300}}}px; position:absolute"> [[Image:{{{image}}}|{{{image-width|300}}}px|alt={{{alt|}}}|{{#ifeq:{{{nolink|}}}|yes|link=|link={{{link|COMMONS:File:{{{image}}}}}}}}]] | <div style="left:{{{image-left|0}}}px; top:{{{image-top|0}}}px; width:{{{image-width|300}}}px; position:absolute"> [[Image:{{{image}}}|{{{image-width|300}}}px|alt={{{alt|}}}|{{#ifeq:{{{nolink|}}}|yes|link=|link={{{link|COMMONS:File:{{{image}}}}}}}}]] | ||
| Line 11: | Line 14: | ||
<!--Start annotations--> | <!--Start annotations--> | ||
<div style="text-align:{{{annot-text-align|center}}}; {{ifeq|{{{annot-font-size|}}}||line-height:110%;|font-size:{{{annot-font-size|}}}px; line-height:{{{annot-line-height|110%}}};}}"> | <div style="text-align:{{{annot-text-align|center}}}; {{ifeq|{{{annot-font-size|}}}||line-height:110%;|font-size:{{{annot-font-size|}}}px; line-height:{{{annot-line-height|110%}}};}}"> | ||
< | <div style="background-color:{{{annot-background-color|transparent}}}; color:{{{annot-color|black}}}">{{{annotations}}}</div> | ||
<!--annotations has syntax: {{annotations|fromLeft|fromTop|text}}--> | <!--annotations has syntax: {{annotations|fromLeft|fromTop|text}}--> | ||
</div><!-- end annotations --> | </div><!-- end annotations --> | ||
</div><!-- end image wrapper --> | </div><!-- end image wrapper --> | ||
{{#if:{{{caption|}}}|<div class="thumbcaption" style="clear:left">{{{caption}}}{{#ifeq:{{{nolink|}}}|yes| [[Image:Desc-20.png|15px|link=COMMONS:File:{{{image}}}]]}}</div>}} | {{#if:{{{caption|}}}|<div class="thumbcaption" style="clear:left">{{#ifeq:{{{icon|}}}|none||<div style="float:left;margin-right:0.5em">[[File:interactive icon.svg|18px|link=|The image above contains clickable links|alt=The image above contains clickable links]]</div>}}{{{caption}}}{{#ifeq:{{{nolink|}}}|yes| [[Image:Desc-20.png|15px|link=COMMONS:File:{{{image}}}]]}}</div>}} | ||
</div><!-- end thumbinner --> | </div><!-- end thumbinner --> | ||
</div><!-- end thumb --></includeonly> | </div><!-- end thumb --> | ||
|}<!-- end table wrapper for mobile browsers --></includeonly><noinclude> | |||
{{Documentation}} | |||
</noinclude> | |||
Revision as of 16:06, 5 November 2018
File:Test Template Info-Icon - Version (2).svg Template documentation[create]
.svg){kind=link}
| Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages. Please add categories to the /doc subpage. Subpages of this template. |