Jump to content

Template:CSS image crop: Difference between revisions

From Emps-World Wiki
Mary (talk | contribs)
No edit summary
No edit summary
 
(45 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<onlyinclude><div style="
== Usage ==
overflow:hidden;
Just copy the following and fill the id parameter with the correct id:<br>
position:relative;
float:left;
padding: 0px;
margin: 0px;
">
<div style="
position: absolute;
clip: rect(0px,32px,32px,0px);
">
 
[[File:{{{ImageID/1000}}}.png{{!}}left{{!}}caption]]


<nowiki>
{{ItemImage|id=4587|caption=Dragon Scimitar|scale=0.7}}
</nowiki>
<onlyinclude>
<div class="item-icon">
  {{#expr:{{{oTop|587}}} + {{{ImageID/1000|4}}} * 1000}};{{{caption|none}}};{{{scale|0.7}}}
</div>
</div>
</div>
</onlyinclude>
</onlyinclude>
<nowiki>clip:rect(0px,100px,100px,0px);</nowiki> for a 100x100 image to totally show, so for our atlasses that would be:<br>
<nowiki>clip:rect(0px,32px,32000px,0px);</nowiki>

Latest revision as of 15:43, 13 March 2025

Usage

Just copy the following and fill the id parameter with the correct id:

{{ItemImage|id=4587|caption=Dragon Scimitar|scale=0.7}}

 4587;none;0.7