v50 Steam/Premium information for editors
  • v50 information can now be added to pages in the main namespace. v0.47 information can still be found in the DF2014 namespace. See here for more details on the new versioning policy.
  • Use this page to report any issues related to the migration.
This notice may be cached—the current version can be found here.

Editing Template:Rotate/doc

Jump to navigation Jump to search

Warning: You are not logged in.
Your IP address will be recorded in this page's edit history.


The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.

Latest revision Your text
Line 1: Line 1:
Rotate content (requires CSS3, not supported on old browsers)
+
Rotate text (requires CSS3, not supported on old browsers)
  
Note: content will be rotated around upper-left corner; left-aligned text is recommended.
+
Note: text will be rotated around lower-left corner; left-aligned text is recommended.
  
 
==Usage==
 
==Usage==
  
<nowiki>{{ rotate | [content] | deg = X | style = CSS_string }}</nowiki>
 
 
:where:
 
::[content] is the content to be rotated
 
::X is an optional clockwise rotation angle in degrees (default is -90 degrees)
 
::CSS_string is any optional CSS styling to be applied to the rotating container
 
 
==Examples==
 
 
<pre>{{rotate| text }}</pre>
 
<pre>{{rotate| text }}</pre>
 
{{rotate| text }}
 
{{rotate| text }}
  
That example demonstrates how rotated text can overlap content around it. Care should be taken to ensure enough empty space for the rotated text.  
+
That example demonstrates how rotated text (at large angles) can overlap text above it   
  
 
<pre>
 
<pre>
Line 28: Line 20:
 
{{rotate|text}}
 
{{rotate|text}}
  
Rotating text may also cause the text to extend out of the standard wiki page layout; this should generally be avoided.
+
Rotating 180 degrees doesn't cause overlapping issues, but it does move the text off the page.
 
 
<pre>{{rotate | text | deg = 180 | style = font-size:25px; }}</pre>
 
<pre>{{rotate | text | deg = 180 | style = font-size:25px; }}</pre>
 
{{rotate | text | deg = 180 | style = font-size:25px; }}
 
{{rotate | text | deg = 180 | style = font-size:25px; }}
  
 
+
</noinclude>
Complex content may also be rotated:
 
<pre><div style="height:250px;">
 
:::{{rotate | [[Image:jt_screwpump.png|thumb|A rotated [[screw pump]]]] | deg=27 }}
 
</div></pre>
 
<div style="height:250px;">
 
:::{{rotate | [[Image:jt_screwpump.png|thumb|A rotated [[screw pump]]]] | deg=27 }}
 
</div>
 
<includeonly>[[Category:Templates]]</includeonly>
 
<noinclude>[[Category:Template Documentation]]</noinclude>
 

Please note that all contributions to Dwarf Fortress Wiki are considered to be released under the GFDL & MIT (see Dwarf Fortress Wiki:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!

To protect the wiki against automated edit spam, we kindly ask you to solve the following CAPTCHA:

Cancel Editing help (opens in new window)

Template used on this page: