Difference between revisions of "Template:Rotate/doc"
From MansunWiki
(Created page with "__NOTOC__ ==Summary== This is a basic template that returns the CSS style text required to rotate text. It is cross-browser compatible, but due to inconsistencies within the b...") |
m |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
==Summary== | ==Summary== | ||
| + | * Sourced from: http://www.uesp.net/w/index.php?title=Template:Rotate - not in use | ||
| + | |||
This is a basic template that returns the CSS style text required to rotate text. It is cross-browser compatible, but due to inconsistencies within the browsers themselves the text may display slightly differently. Note that due to the weirdness of rotated text, you may need to further format the text to get it to display how you want it to. | This is a basic template that returns the CSS style text required to rotate text. It is cross-browser compatible, but due to inconsistencies within the browsers themselves the text may display slightly differently. Note that due to the weirdness of rotated text, you may need to further format the text to get it to display how you want it to. | ||
==Parameters== | ==Parameters== | ||
| − | + | 1 - required|The degrees by which to rotate the text, on a scale of 1 to 360. | |
| − | + | 2 - optional|The text to rotate. If not defined, the template will return the CSS style text only. | |
| − | + | 3 ''or'' float|optional|What side of the page the text should float to. Defaults to <code>left</code>. | |
| − | + | ||
| − | + | ||
==Examples== | ==Examples== | ||
===Stand-alone=== | ===Stand-alone=== | ||
| − | {{ | + | {{Pre2|1=<nowiki>{{Rotate|180|This is upside down!}</nowiki>}|width=auto}} {{Rotate|180|This is upside down!}} |
| − | <nowiki>{{Rotate|180|This is upside down!}</nowiki>}|width=auto}} {{Rotate|180|This is upside down!}} | + | |
| − | {{ | + | {{Pre2|1=<nowiki>{{Rotate|80|This is the right side!|right}}</nowiki>|width=auto}} |
{{Rotate|80|This is the right side!|right}} | {{Rotate|80|This is the right side!|right}} | ||
| Line 23: | Line 23: | ||
===Within a Container=== | ===Within a Container=== | ||
| − | {{ | + | {{Pre2|1=<nowiki><div style="{{Rotate|45|float=left}}; font-size:8px;">I'm tiny!</div></nowiki>|width=auto}} |
<div style="{{Rotate|45|float=left}}; font-size:8px;">I'm tiny!</div> | <div style="{{Rotate|45|float=left}}; font-size:8px;">I'm tiny!</div> | ||
| − | {{ | + | {{Pre2|1=<nowiki> |
{| class=wikitable | {| class=wikitable | ||
! Header !! {{Rotate|180|Header}} | ! Header !! {{Rotate|180|Header}} | ||
Latest revision as of 19:40, 16 August 2015
Summary
- Sourced from: http://www.uesp.net/w/index.php?title=Template:Rotate - not in use
This is a basic template that returns the CSS style text required to rotate text. It is cross-browser compatible, but due to inconsistencies within the browsers themselves the text may display slightly differently. Note that due to the weirdness of rotated text, you may need to further format the text to get it to display how you want it to.
Parameters
1 - required|The degrees by which to rotate the text, on a scale of 1 to 360.
2 - optional|The text to rotate. If not defined, the template will return the CSS style text only.
3 or float|optional|What side of the page the text should float to. Defaults to left.
Examples
Stand-alone
{{Rotate|180|This is upside down!}} noneThis is upside down!
{{Rotate|80|This is the right side!|right}}
rightThis is the right side!
Within a Container
<div style="{{Rotate|45|float=left}}; font-size:8px;">I'm tiny!</div>
I'm tiny!
{| class=wikitable
! Header !! {{Rotate|180|Header}}
|-
|style="{{Rotate|325}}"|This entire cell<br>is rotated! || But not this one!
|}
| Header | none Header
|
|---|---|
| This entire cell is rotated! |
But not this one! |
