Difference between revisions of "Template:Annotated image 4/sandbox"

From blackwiki
Jump to navigation Jump to search
blackwiki>Great Brightstar
(Another try of scrolling mode)
blackwiki>Great Brightstar
(Some adjusts for frameless and align parameters)
Line 1: Line 1:
 
<includeonly><!--Annotated image 4 template code starts below here-->
 
<includeonly><!--Annotated image 4 template code starts below here-->
<div class="thumb noresize {{#switch: {{{align|}}} | left = tleft | center = center| centre = center | right = tright | #default = tright}}" style="{{#ifeq: {{{align|}}}|center|margin: 1em auto;|margin-top:0px; margin-bottom:0px;}} max-width:100%; overflow:hidden;">
+
<div class="thumb {{#switch:{{{align}}}
<div class="thumbinner" style="width:{{#expr:{{{width|300}}}+2}}px;{{#if:{{{frameless|}}}|border:0px;background-color:#fff}} ">
+
|left= tleft" style="
 +
|right|#default= tright" style="
 +
|none= tnone" style="
 +
|centre|center= center" style="margin-left:auto; margin-right:auto;
 +
}} width:{{#expr:{{{width|300}}}+10}}px; max-width:100%; {{#if:{{{frameless|}}}|overflow:auto;}}">{{#if:{{{frameless|}}}||<div class="thumbinner">}}
 
{{#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; border:solid #ccc 1px; {{#if:{{{frameless|}}}|border:0px;}} background-color:{{{image-bg-color|white}}};overflow:auto;">
+
<div style="position:relative; width:{{{width|300}}}px; height:{{{height}}}px; border:{{#if:{{{frameless|}}}|0px|solid #ccc 1px}}; background-color:{{{image-bg-color|white}}};overflow:auto;">
 
<!--Start annotated image-->
 
<!--Start annotated image-->
<div style="overflow:hidden; height:{{{height}}}px; 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 class="noresize" style="overflow:display; height:{{{height}}}px; 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> <!-- end image -->
 
</div> <!-- end image -->
 
<!--Start annotations-->
 
<!--Start annotations-->
Line 17: Line 21:
 
</div><!-- end image wrapper -->
 
</div><!-- end image wrapper -->
 
{{#if:{{{caption|}}}|<div class="thumbcaption" style="clear:left">{{#ifeq:{{{icon|}}}|none||[[File:interactive icon.svg|left|18px|link=|The image above contains clickable links|alt=The image above contains clickable links]]}}{{{caption}}}{{#ifeq:{{{nolink|}}}|yes|&nbsp;[[Image:Desc-20.png|15px|link=COMMONS:File:{{{image}}}]]}}</div>}}
 
{{#if:{{{caption|}}}|<div class="thumbcaption" style="clear:left">{{#ifeq:{{{icon|}}}|none||[[File:interactive icon.svg|left|18px|link=|The image above contains clickable links|alt=The image above contains clickable links]]}}{{{caption}}}{{#ifeq:{{{nolink|}}}|yes|&nbsp;[[Image:Desc-20.png|15px|link=COMMONS:File:{{{image}}}]]}}</div>}}
</div><!-- end thumbinner -->
+
{{#if:{{{frameless|}}}||</div>}}<!-- end thumbinner -->
 
</div><!-- end thumb -->
 
</div><!-- end thumb -->
 
</includeonly>
 
</includeonly>

Revision as of 19:16, 8 February 2018