Thanks for using our site!

If you're looking to become an editor, please read the Becoming an Editor section carefully.

Template:Annotated image: Difference between revisions

From ranchstory
Jump to navigationJump to search
← Older edit
imported>Kiwibasket
No edit summary
imported>Kiwibasket
mNo edit summary
 
(43 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>{{#ifeq:{{{float}}}|center|<div class="center">}}<div class="noresize thumb {{#switch:{{{float}}}
<includeonly><!--The table wrapper below allows AI4-templated images to be viewed in mobile browsers-->
|left= tleft
{| 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; }}"
|center | none= tnone
|-<!--Annotated image 4 template code starts below here-->
|right
|<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;"}}>
|#default= tright
<div class="thumbinner" style="width:{{#expr:{{{width|300}}}+2}}px;{{#if:{{{frameless|}}}|border:0px;background-color:#fff}} ">
}}" style="{{{outer-css|}}}; ">
{{#if:{{{header|}}}|
<div class="thumbinner" style="overflow:hidden;width:{{#expr:{{{width|{{{image-width|300}}}}}}+2}}px;">
<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 class="thumbimage" style="{{#if:{{{height|}}}|height:{{#expr:{{{height}}}+2}}px;}} overflow:hidden; position:relative; background-color:{{{image-bg-color|white}}};">
}}
<div style="{{{image-css|}}};left:{{{image-left|0}}}px; top:{{{image-top|0}}}px; width:{{{image-width|300}}}px; position:absolute;"> {{#if:{{{imagemap|}}}|{{{imagemap}}}|[[File:{{{image}}}|{{{image-width|300}}}px|alt={{{alt|}}}|{{{caption}}}]]}}</div>
<!--Start image wrapper-->
<div style="text-align:{{{annot-text-align|left}}}; background-color:{{{annot-background-color|transparent}}}; {{#if:{{{annot-font-family|}}}|font-family:{{{annot-font-family}}};|}} {{#if:{{{annot-font-size|}}}|font-size:{{{annot-font-size}}}px;|}} {{#if:{{{annot-font-weight|}}}|font-weight:{{{annot-font-weight}}};|}} {{#if:{{{annot-font-style|}}}|font-style:{{{annot-font-style}}};|}} {{#if:{{{annot-color|}}}|color:{{{annot-color}}};|}} {{#if:{{{annot-line-height|}}}|line-height:{{{annot-line-height}}};|{{#if:{{{annot-font-size|}}}|line-height:{{#expr:{{{annot-font-size|}}}+2}}px;  |line-height:110%;}}}}">
<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}}};">
<!--annotation|left|top-->
<!--Start annotated image-->
{{{annotations}}}
<div style="left:{{{image-left|0}}}px; top:{{{image-top|0}}}px; width:{{{image-width|300}}}px; position:absolute"> {{#if:{{{imagemap|}}}|{{{imagemap}}}|[[Image:{{{image}}}|{{{image-width|300}}}px|alt={{{alt|}}}|{{#ifeq:{{{nolink|}}}|yes|link=|link={{{link|File:{{{image}}}}}}}}]]}}
</div>
</div> <!-- end image -->
<div style="visibility:hidden">{{#if:{{{imagemap|}}}|{{{imagemap}}}|[[Image:{{{image}}}|{{{image-width|300}}}px|frameless|alt={{{alt|}}}]]}}</div>
<!--Start annotations-->
</div>
<div {{#if:{{{toggle|}}}|class="mw-collapsible" id="mw-customcollapsible-maplabel"}} 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 class="thumbcaption">{{#if:{{{image|}}}|{{magnify icon|link=File:{{{image}}}}}}}{{{caption}}}</div>
<div style="background-color:{{{annot-background-color|transparent}}}; color:{{{annot-color|black}}}">{{{annotations}}}</div>
</div></div>{{#ifeq:{{{float}}}|center|</div>}}</includeonly>{{#if:{{{image- style|}}}|[[Category:Pages screwed up by automated editing]]}}<noinclude>
<!--annotations has syntax: {{annotations|fromLeft|fromTop|text}}-->
For documentation, see [https://en.wikipedia.org/wiki/Template:Annotated_image|w:Template:Annotated image].
</div><!-- end annotations -->
</div><!-- end image wrapper -->
{{#if:{{{toggle|}}}|<span class="mw-customtoggle-maplabel" style="float: right;">[toggle labels]</span>}}
{{#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|&nbsp;[[Image:Desc-20.png|15px|link=COMMONS:File:{{{image}}}]]}}</div>}}
</div><!-- end thumbinner -->
</div><!-- end thumb -->
|}<!-- end table wrapper for mobile browsers --></includeonly><noinclude>
For documentation, see [https://en.wikipedia.org/wiki/Template:Annotated_image_4 w:TemplateAnnotated image 4]
</noinclude>
</noinclude>

Latest revision as of 20:19, 15 June 2021

For documentation, see w:TemplateAnnotated image 4

Retrieved from "https://wiki.ranchstory.farm/index.php?title=Template:Annotated_image&oldid=115856"