User:4CentUser/QuickCrop - Revision history

4CentUser: usage notes

2021-09-26T17:03:44Z

usage notes

← Older revision		Revision as of 13:03, 26 September 2021
Line 12:		Line 12:

	<noinclude>		<noinclude>
			Usage:<br>
			<code>
			<nowiki>
			{{QuickCrop</nowiki>
			\|Image= Name of image file<br>
			\|x1= leftmost edge<br>
			\|y1= top edge<br>
			\|x2= rightmost edge<br>
			\|y2= bottom edge<br>
			\|Location= location on screen<br>
			\|Description= Description<br>
			\|ScaleWidth= End size of image.<br>
			}}
			</code>


	Example:		Example:

Line 19:		Line 35:
	\|y1=0		\|y1=0
	\|x2=100		\|x2=100
	\|y2=~~120~~		\|y2=60
	\|Location=left		\|Location=left
	\|Description=Test		\|Description=Test
	\|ScaleWidth=~~100px~~		\|ScaleWidth = 500
	}}		}}
	</noinclude>		</noinclude>

4CentUser at 16:58, 26 September 2021

2021-09-26T16:58:47Z

← Older revision		Revision as of 12:58, 26 September 2021
Line 2:		Line 2:
	{{CSS image crop		{{CSS image crop
	\|Image = {{{Image\|}}}		\|Image = {{{Image\|}}}
	\|bSize = ~~100.0~~		\|bSize = 100px
	\|oLeft = {{{x1\|0.0}}}		\|oLeft = {{{x1\|0.0}}}
	\|oTop = {{{y1\|0.0}}}		\|oTop = {{{y1\|0.0}}}
Line 16:		Line 16:
	{{User:4CentUser/QuickCrop		{{User:4CentUser/QuickCrop
	\|Image=SonicVsSonichu.jpg		\|Image=SonicVsSonichu.jpg
	\|x1=0.0		\|x1=0
	\|y1=0.0		\|y1=0
	\|x2=100.0		\|x2=100
	\|y2=~~80.0~~		\|y2=120
	\|Location=left		\|Location=left
	\|Description=Test		\|Description=Test
	\|ScaleWidth=~~100.0~~		\|ScaleWidth=100px
	}}		}}
	</noinclude>		</noinclude>

4CentUser: got location to work

2021-09-26T16:51:09Z

got location to work

← Older revision		Revision as of 12:51, 26 September 2021
Line 1:		Line 1:
	<div style="float: {{Location\|}}; width: {{{ScaleWidth\|~~200px~~}}};">		<div style="float: {{{Location\|right}}}; width: {{{ScaleWidth\|}}};">
	{{CSS image crop		{{CSS image crop
	\|Image = {{{Image\|}}}		\|Image = {{{Image\|}}}
	\|bSize = 100.0		\|bSize = 100.0
	\|oLeft = {{{x1\|0.0}}}		\|oLeft = {{{x1\|0.0}}}
	\|oTop = {{{y1\|0}}}		\|oTop = {{{y1\|0.0}}}
	\|cWidth = {{#expr:+{{{x2\|~~100~~.0}}} - {{{x1\|0}}}}}		\|cWidth = {{#expr: {{{x2\|50.0}}} - {{{x1\|0.0}}} }}
	\|cHeight = {{#expr:{{{y2\|~~100.0~~}}} - {{{y1\|0}}}}}		\|cHeight = {{#expr: {{{y2\|}}} - {{{y1\|0.0}}} }}
	\|Description = {{{Description\|}}}		\|Description = {{{Description\|}}}
	}}		}}
Line 19:		Line 19:
	\|y1=0.0		\|y1=0.0
	\|x2=100.0		\|x2=100.0
	\|y2=90.0		\|y2=80.0
	\|Location=left		\|Location=left
	\|Description=Test		\|Description=Test
	\|ScaleWidth=~~300~~.0		\|ScaleWidth=100.0
	}}		}}
	</noinclude>		</noinclude>

4CentUser: work

2021-09-26T16:47:35Z

work

← Older revision		Revision as of 12:47, 26 September 2021
Line 1:		Line 1:
	<div style="float: ~~right~~; width: {{{ScaleWidth\|200px}}};">		<div style="float: {{Location\|}}; width: {{{ScaleWidth\|200px}}};">
	{{CSS image crop		{{CSS image crop
	\|Image = {{{Image}}}		\|Image = {{{Image\|}}}
	\|bSize = 100		\|bSize = 100.0
	\|oLeft = {{{x1\|0}}} ~~/ 100~~		\|oLeft = {{{x1\|0.0}}}
	\|oTop = {{{y1\|~~100~~}}} ~~/ 100~~		\|oTop = {{{y1\|0}}}
	\|cWidth = ({{{x2\|100}}} - {{{x1\|0}}}~~) / 100.0~~		\|cWidth = {{#expr:+{{{x2\|100.0}}} - {{{x1\|0}}}}}
	\|cHeight = ({{{y2\|100}}} - {{{y1\|0}}~~}) / 100.0~~		\|cHeight = {{#expr:{{{y2\|100.0}}} - {{{y1\|0}}}}}
	~~\|Location = {{{Location\|right~~}}}		\|Description = {{{Description\|}}}
	\|Description = {{{Description\|~~Description.~~}}}
	}}		}}
	</div>		</div>
Line 15:		Line 14:
	Example:		Example:

	{{User:4CentUser/QuickCrop\|Image=SonicVsSonichu.jpg\|x1=0\|y1=0\|x2=100\|y2=50\|~~location~~=~~right~~}}		{{User:4CentUser/QuickCrop
			\|Image=SonicVsSonichu.jpg
			\|x1=0.0
			\|y1=0.0
			\|x2=100.0
			\|y2=90.0
			\|Location=left
			\|Description=Test
			\|ScaleWidth=300.0
			}}
	</noinclude>		</noinclude>

4CentUser: experimenting

2021-09-26T16:32:58Z

experimenting

← Older revision		Revision as of 12:32, 26 September 2021
Line 3:		Line 3:
	\|Image = {{{Image}}}		\|Image = {{{Image}}}
	\|bSize = 100		\|bSize = 100
	\|oLeft = ~~<MATH>~~{{{x1\|0}}} / 100~~</MATH>~~		\|oLeft = {{{x1\|0}}} / 100
	\|oTop = ~~<MATH>~~{{{y1\|100}}} / 100~~</MATH>~~		\|oTop = {{{y1\|100}}} / 100
	\|cWidth = ~~<MATH>~~({{{x2\|100}}} - {{{x1\|0}}}) / 100~~</MATH>~~		\|cWidth = ({{{x2\|100}}} - {{{x1\|0}}}) / 100.0
	\|cHeight = ~~<MATH>~~({{{y2\|100}}} - {{{y1\|0}}}) / 100~~</MATH>~~		\|cHeight = ({{{y2\|100}}} - {{{y1\|0}}}) / 100.0
	\|Location = {{{Location\|right}}}		\|Location = {{{Location\|right}}}
	\|Description = {{{Description\|Description.}}}		\|Description = {{{Description\|Description.}}}
Line 15:		Line 15:
	Example:		Example:

	{{User:4CentUser/QuickCrop\|Image=SonicVsSonichu.jpg\|x1=0\|y1=0\|x2=100\|y2=50}}		{{User:4CentUser/QuickCrop\|Image=SonicVsSonichu.jpg\|x1=0\|y1=0\|x2=100\|y2=50\|location=right}}
	</noinclude>		</noinclude>

4CentUser at 16:31, 26 September 2021

2021-09-26T16:31:25Z

← Older revision		Revision as of 12:31, 26 September 2021
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>

4CentUser at 18:27, 14 September 2021

2021-09-14T18:27:04Z

← Older revision		Revision as of 14:27, 14 September 2021
Line 11:		Line 11:
	}}		}}
	</div>		</div>

	~~<noinclude>~~
	~~{{documentation}}~~
	~~</noinclude>~~

4CentUser: moving template to sandbox since its taking longer than i thought

2021-09-14T18:24:00Z

moving template to sandbox since its taking longer than i thought

New page

<div style="float: right; width: {{{ScaleWidth|200px}}};">
{{CSS image crop
|Image = {{{Image|}}}
|bSize = 100
|oLeft = <MATH>{{{x1|0}}} / 100</MATH>
|oTop = <MATH>{{{y1|100}}} / 100</MATH>
|cWidth = <MATH>({{{x2|100}}} - {{{x1|0}}}) / 100</MATH>
|cHeight = <MATH>({{{y2|100}}} - {{{y1|0}}}) / 100</MATH>
|Location = {{{Location|right}}}
|Description = {{{Description}}}
}}
</div>

<noinclude>
{{documentation}}
</noinclude>