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 |
||
| Line 12: | Line 12: | ||
==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}} | ||
Revision as of 19:06, 16 August 2015
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 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
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! |
