Difference between revisions of "Template:CSS image crop"

From Emps-World Wiki
Jump to: navigation, search
(Usage)
 
(63 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
== Usage ==
 +
Just copy the following and fill the id parameter with the correct id:<br>
 +
 +
<nowiki>{{ItemImage|id=4587}}</nowiki>
 
<onlyinclude>
 
<onlyinclude>
<div style="
+
  <div class="item-image '{{{caption|hover caption}}}'" style="width: 64px; height: 64px; overflow: hidden; display: inline-block; padding: 0px; margin: 3px; transform: scale(0.7, 0.7);">
width:32px;
+
    <div style="position:relative; bottom:{{#expr:{{{oTop|587}}}*64}}px;">
height:32px;
+
      https://emps-world.net/img/itemicons/{{{ImageID/1000|4}}}-64.png
overflow:hidden;
+
    </div>
position:relative;
+
  </div>
float:left;
+
padding: 0px;
+
margin: 0px;
+
">
+
 
+
<div style="
+
 
+
top:-{{#expr:({{{oTop}}}-1)*32}}px;
+
 
+
">
+
 
+
[[File:{{{ImageID/1000}}}.png{{!}}left{{!}}caption]]
+
 
+
</div>
+
</div>  
+
 
</onlyinclude>
 
</onlyinclude>

Latest revision as of 15:51, 8 September 2021

Usage

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

{{ItemImage|id=4587}}

      4-64.png