User:Codehydro/Auto CSS image crop: Difference between revisions

Content deleted Content added
documentation
m tidy
Line 1:
<div id="autocrop" style="border:1px">[If installed, template generator form should replace this text]</div>
 
== Installation ==
To implement this, add this to your [[Special:MyPage/common.js|common.js]] page (or any skin works fine): <code>importScript('User:Codehydro/Auto CSS image crop/script.js');</code>
 
To implement this, add this to your [[Special:MyPage/common.js|common.js]] page (or any skin works fine):
<pre>importScript('User:Codehydro/Auto CSS image crop/script.js'); // [[User:Codehydro/Auto CSS image crop/script.js]]
</pre>
 
 
== Usage ==
Line 13 ⟶ 9:
 
=== Check ===
<pre>{{CSS image crop
To make sure the generator works properly on your browser, try entering the following values into the form and see if it looks just like the image pictured below:
 
<pre>{{CSS image crop
|Image = Dew on grass Luc Viatour.jpg
|bSize = 400
Line 22 ⟶ 16:
|oTop = 180
|oLeft = 60
}}</pre>
To make sure the generator works properly on your browser, try entering the following values into the form and see if it looks just like the image pictured belowabove:
 
<pre>{{CSS image crop
|Image = Dew on grass Luc Viatour.jpg
|bSize = 400
Line 31 ⟶ 25:
|oTop = 180
|oLeft = 60
}}</pre>