Difference between revisions of "User:4CentUser/QuickCrop"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
<div style="float: right; width: {{{ScaleWidth|200px}}};"> | <div style="float: right; width: {{{ScaleWidth|200px}}};"> | ||
{{CSS image crop | {{CSS image crop | ||
|Image = {{{Image | |Image = {{{Image}}} | ||
|bSize = 100 | |bSize = 100 | ||
|oLeft = <MATH>{{{x1|0}}} / 100</MATH> | |oLeft = <MATH>{{{x1|0}}} / 100</MATH> | ||
| Line 8: | Line 8: | ||
|cHeight = <MATH>({{{y2|100}}} - {{{y1|0}}}) / 100</MATH> | |cHeight = <MATH>({{{y2|100}}} - {{{y1|0}}}) / 100</MATH> | ||
|Location = {{{Location|right}}} | |Location = {{{Location|right}}} | ||
|Description = {{{Description}}} | |Description = {{{Description|Description.}}} | ||
}} | }} | ||
</div> | </div> | ||
<noinclude> | |||
Example: | |||
{{User:4CentUser/QuickCrop|Image=SonicVsSonichu.jpg|x1=0|y1=0|x2=100|y2=50}} | |||
</noinclude> | |||
Revision as of 11:31, 26 September 2021
<div class="thumbinner" style="width: Expression error: Unexpected < operator.px;"> <div class="thumbimage" style="width: <MATH>(100 - 0) / 100</MATH>px; height: <MATH>(100 - 0) / 100</MATH>px; overflow: hidden;">
<div style="position: relative; top: -<MATH>100 / 100</MATH>px; left: -<MATH>0 / 100</MATH>px; width: 100px">[[File:{{{Image}}}|100px|alt=Description.]]
[[:File:{{{Image}}}| ]]
Description.
Example:
<div class="thumbinner" style="width: Expression error: Unexpected < operator.px;"> <div class="thumbimage" style="width: <MATH>(100 - 0) / 100</MATH>px; height: <MATH>(50 - 0) / 100</MATH>px; overflow: hidden;">
<div style="position: relative; top: -<MATH>0 / 100</MATH>px; left: -<MATH>0 / 100</MATH>px; width: 100px">