Difference between revisions of "Annotation"
From Sega Retro
(do let me know if this actually displays in other browsers) |
|||
| Line 1: | Line 1: | ||
| − | <includeonly>{{#if:{{ | + | <includeonly>{{#if:{{{titlesize|}}}|{{#vardefine:titlesize|{{{titlesize}}}}}|{{#vardefine:titlesize|20}}}}{{addvar|zindex|1}}{{addvar|zindex|1}}{{#vardefine:width|{{#expr:{{{x2}}}-{{{x1}}}}}}}{{ |
#vardefine:height|{{#expr:{{{y2}}}-{{{y1}}}}}}}{{ | #vardefine:height|{{#expr:{{{y2}}}-{{{y1}}}}}}}{{ | ||
#vardefine:length|{{#expr:sqrt(({{#var:width}}^2) + ({{#var:height}}^2))}}}}{{ | #vardefine:length|{{#expr:sqrt(({{#var:width}}^2) + ({{#var:height}}^2))}}}}{{ | ||
#vardefine:angle|{{#ifeq:{{#var:width}}|0|90|{{#expr:(atan({{#var:height}}/{{#var:width}})) * 180 / pi}}}}}}{{ | #vardefine:angle|{{#ifeq:{{#var:width}}|0|90|{{#expr:(atan({{#var:height}}/{{#var:width}})) * 180 / pi}}}}}}{{ | ||
#vardefine:rightmargin|{{#var:length}} | #vardefine:rightmargin|{{#var:length}} | ||
| − | }}<span style="background-color: {{{colour}}}; border: 1px solid rgba(0, 0, 0, 0.5); width:{{#var:length}}px; height:3px; position:relative; top:{{{y1}}}px; left:{{{x1}}}px; margin-right:-{{#var:rightmargin}}px; padding:0px; z-index: {{#var:zindex}}; display:inline-block; vertical-align:top; transform-origin: 0px 1px; transform: rotate({{#var:angle}}deg)" ></span></includeonly><noinclude> | + | }}<span style="background-color: {{{colour}}}; border: 1px solid rgba(0, 0, 0, 0.5); width:{{#var:length}}px; height:3px; position:relative; top:{{{y1}}}px; left:{{{x1}}}px; margin-right:-{{#var:rightmargin}}px; padding:0px; z-index: {{#var:zindex}}; display:inline-block; vertical-align:top; transform-origin: 0px 1px; transform: rotate({{#var:angle}}deg)" ></span>{{addvar|zindex|1}}<span style="display:inline-block; z-index: {{#var:zindex}}; position:relative; vertical-align:top; top:{{#expr:{{#if:{{{reverse|}}}|{{{y2}}}|{{{y1}}}}} - ({{#var:titlesize}}/2)-1}}px; left:{{#expr:{{#if:{{{reverse|}}}|{{{x2}}}|{{{x1}}}}} - ({{#var:titlesize}}/2) -1}}px; margin-right:-{{#var:titlesize}}px;" >{{AnnotationTitle|size={{#var:titlesize}}|title={{{title}}}}}</span></includeonly><noinclude> |
| − | [[File:PSOep1and2.png]]{{Annotation|x1=50|y1=10|x2=100|y2=10|colour=#FF0000}}{{Annotation|x1=100|y1=100|x2=150|y2=200|colour=#00FF00}}{{Annotation|x1=200|y1=200|x2=300|y2=300|colour=#0000FF}}[[File:TestGrid.png]] | + | [[File:PSOep1and2.png]]{{Annotation|x1=50|y1=10|x2=100|y2=10|colour=#FF0000|title=A}}{{Annotation|x1=100|y1=100|x2=150|y2=200|colour=#00FF00|title=A}}{{Annotation|x1=200|y1=200|x2=300|y2=300|colour=#0000FF|title=A}}[[File:TestGrid.png]] |
| − | {{Annotation|x1=50|y1=10|x2=100|y2=10|colour=#FF0000}}{{Annotation|x1=100|y1=100|x2=150|y2=200|colour=#00FF00}}{{Annotation|x1=200|y1=200|x2=300|y2=300|colour=#0000FF}}[[File:TestGrid.png]] | + | {{Annotation|x1=50|y1=10|x2=100|y2=10|colour=#FF0000|titlesize=20|title=A}}{{Annotation|x1=100|y1=100|x2=150|y2=200|colour=#00FF00|title=A}}{{Annotation|x1=200|y1=200|x2=300|y2=300|colour=#0000FF|title=A}}[[File:TestGrid.png]] |
[[File:TestGrid.png]] | [[File:TestGrid.png]] | ||
| − | {{Annotation|x1=50|y1=10|x2=100|y2=10|colour=#FF0000}}[[File:TestGrid.png]] | + | {{Annotation|x1=50|y1=10|x2=100|y2=10|colour=#FF0000|title=A}}[[File:TestGrid.png]] |
| − | {{Annotation|x1=100|y1=100|x2=150|y2=200|colour=#00FF00}}[[File:TestGrid.png]] | + | {{Annotation|x1=100|y1=100|x2=150|y2=200|colour=#00FF00|title=A}}[[File:TestGrid.png]] |
| − | {{Annotation|x1=200|y1=200|x2=300|y2=300|colour=#0000FF}}[[File:TestGrid.png]] | + | {{Annotation|x1=200|y1=200|x2=300|y2=300|colour=#0000FF|title=A}}[[File:TestGrid.png]] |
<div align="center"> | <div align="center"> | ||
| − | {{Annotation|x1=-50|y1=32|x2=16|y2=32|colour=# | + | {{Annotation|x1=-50|y1=32|x2=16|y2=32|colour=#FFF|title=A}}{{Annotation|x1=-50|y1=200|x2=16|y2=200|colour=#FFF|title=B}}{{Annotation|x1=290|y1=32|x2=380|y2=32|colour=#FFF|title=C|reverse=true}}{{Annotation|x1=310|y1=200|x2=380|y2=200|colour=#FFF|title=D|reverse=true}}{{Annotation|x1=244|y1=210|x2=244|y2=240|colour=#FFF|title=E|reverse=true}}[[File:Aladdin MD Desert.png]] |
</div> | </div> | ||
[[Category:Sega Retro templates]]</noinclude> | [[Category:Sega Retro templates]]</noinclude> | ||
Revision as of 07:03, 6 May 2018
AAA
AAA
A
A
A
ABCDE