साँचा:Rotate
साँचा विवरणपृष्ठ[देखें] [संपादित करें] [इतिहास] [ताज़ा करें]
Usage[सम्पादन]
This template is for producing rotated text.
Note: The page layout is not adjusted to accommodate the rotated text. For this reason the rotated text may overlap with other elements above and below.
Examples[सम्पादन]
{| border |- | Hello world | Hello world | Hello world |- | {{rotate| 90|Hello world}} | {{rotate|-75|Hello world}} | {{rotate|180|Hello world}} |- | Hello world | Hello world | Hello world |- |}
Hello world | Hello world | Hello world |
Hello world | Hello world | Hello world |
Hello world | Hello world | Hello world |
To prevent rotated text from overlapping other text, you can manually add space for the text to rotate in:
{| border |height=80px width=80px|{{rotate| 90|Hello world}} |height=80px width=80px|{{rotate|-90|Hello world}} |height=80px width=80px|{{rotate|180|Hello world}} |}
Hello world | Hello world | Hello world |
Technical notes[सम्पादन]
This template uses the CSS "-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform: rotate(90deg);" to achieve rotation. Older browsers may not see this effect, but it is reported to work on IE 6+, Opera 10.5+, Firefox and Webkit-based browsers like Safari.
See also[सम्पादन]
- {{vrl}} - to display vertical paragraphs
ऊपर दिया गया विवरणपृष्ठ साँचा:Rotate/doc से ट्रांसक्लूड किया गया है। (संपादित करें | इतिहास) संपादकगण इस साँचे के sandbox (बनाएँ | मिरर करें) और testcases (बनाएँ) पन्नों पर अपने प्रयोग/परीक्षण कर सकते हैं। कृपया श्रेणियाँ /doc उपपृष्ठ पर जोड़ें। इस साँचे के उपपृष्ठ देखें। |