Visa källa för Mall:Roterad text/dok

{{Dokumentationssida}}

''Den här mallens kod har försetts med prefix för att öka kompatibiliteten med olika typer av webbläsare, men man bör ändå tänka på att ha en utformning så att innehållet fortfarande är läsbart i de fall den inte har stöd hos läsaren.''


A shorthanded [[Cascading style sheet|CSS]] code for rotating elements inside style attribute at -90 degrees. This template used with the <code>style=""</code> attribute, please do not add same codes. Functionality of this template very similar to template [[Template:Transform-rotate|Transform-rotate]], but this recommended to use for tables in song/musical contest articles as [[Eurovision Song Contest]]. Also, in [[commons:Category:Names of countries in ESC|Commons]] you can take files, that similar to this template.

First unnamed parameter <code>{{{1}}}</code> for text that can be rotated.
*The named parameter {{para|size}} allows you to change the size of the text That should not exceed 118 pixels  in height. The default is 14 pixels. Use only the numeric option (for example, <code>12</code>).
*Justering kan vid behov göras i x- och y-led med de frivilliga parametrarna <code>x=</code> och <code>y=</code>. Dessa anges som rent numeriska värden, utan enhet (px), t.ex. <code>x=-30</code>. Defaultinställningen är <code>x= -50, y= 50</code>.
*Rotationsvinkeln är -90 grader, om inget annat anges. Gradtalet kan ställas in med parametern <code>grader=</code> och anges som rent numeriskt värde, t.ex. <code>grader=-45</code>.

When using this template to create the rotating effect, editors should consider carefully about the [[WP:accessibility|accessibility]].

''{{A note}} This template does not support IE8 or older. IE8 requires cumbersome calculating of matrices. You may implement it into this template if you know how to translate the formula into [[Wikipedia:Lua|Lua]].''

==Examples==
This template was originally created to simplify the work with the texts used in the score tables of [[Project:Eurovision]].

{| class="wikitable" style="text-align:left; font-size:85%;"
|-
| colspan="2" rowspan="2" style="text-align:left; background:#F2F2F2"| Voting procedure used:<br />
{{legend|#59E817|50% Jury & televote|outline=#AAAAAA}}</td>
! colspan="7" | Voting results
|-
!
| style="background:#59E817;" | {{roterad text|Moldova}}
| style="background:#59E817;" | {{roterad text|Armenia}}
| style="background:#59E817;" | {{roterad text|Belgium}}
| style="background:#59E817;" | {{roterad text|Bosnia and Herzegovina|10.5}}
| style="background:#59E817;" | {{roterad text|Finland}}
| style="background:#59E817;" | {{roterad text|United Kingdom}}
|-
! rowspan="6" | {{roterad text|Contestants|16|align=center}}
| style="text-align:left; background:#f2f2f2;" | Moldova
| style="text-align:right; background:#f2f2f2;" | 41
| style="text-align:left; background:#AAAAAA;" | || 6 || || || ||
|- style="background:#ffdead;"
| style="text-align:left; background:#ffdead;" | '''Armenia'''
| style="text-align:right; background:#ffdead;" | 77
| 4 || style="text-align:left; background:#AAAAAA;" | || '''12''' || 5 || || 7
|- style="background:#ffdead;"
| style="text-align:left; background:#ffdead;" | '''Belgium'''
| style="text-align:right; background:#ffdead;" | 149
| 5 || 1 || style="text-align:left; background:#AAAAAA;" |  || '''12''' || '''12''' || 6
|-
| style="text-align:left; background:#f2f2f2;" | Netherlands
| style="text-align:right; background:#f2f2f2;" | 33
|  || || 6 || style="text-align:left; background:#AAAAAA;" | || 3 ||
|-
| style="text-align:left; background:#f2f2f2;" | Finland
| style="text-align:right; background:#f2f2f2;" | 13
|  || || || || style="text-align:left; background:#AAAAAA;" | ||
|- style="background:#ffdead;"
| style="text-align:left; background:#ffdead;" | '''Greece'''
| style="text-align:right; background:#ffdead;" | 81
| 3 || 8 || 3 || 6 || 2 || style="text-align:left; background:#AAAAAA;" |
|}

=== Issues ===
Currently only Internet Explorer 8 and above, and Webkit browsers (Chrome, Safari, Opera 15.0+, Android native browser) support rendering the text in top-to-bottom, left-to-right format. Other browsers will render the text as left-to-right, top-to-bottom. See also:
* http://dev.w3.org/csswg/css3-writing-modes/
* https://bugzilla.mozilla.org/show_bug.cgi?id=145503
* https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode

For users of Firefox version 38.0 and above, you need to open the <code>about:config</code> page, and set <code>layout.css.vertical-text.enabled</code> as <code>true</code> to enable it.

For MediaWiki issues regarding this: [[bugzilla:9436]]

<includeonly>
[[Kategori:Formaterings- och funktionsmallar]]
[[Kategori:Mallar för webbläsarkompatibilitet]]
</includeonly>