Шаблон:Rotate (OgQlku&Rotate)

Перейти к навигации Перейти к поиску
Документация

Шаблон поворачивает изображения на угол в градусах, переданный первым обязательным параметром.

  • Если передан только первый параметр - получается набор свойств, которые можно вставить в style какому-либо элементу.
  • Если передан второй параметр, шаблон подставляет собственный div с набором свойств для поворота и в него файл с именем из второго параметра.
  • Третьим параметром можно передать опции к файлу (например, ширину; для разделения опций используйте {{!}}), для дополнительных опций CSS к элементу div воспользуйтесь параметром dstyle (в конце обязательно ставить ;), для добавления текста — text (обратите внимание, с опцией {{!}}thumb к файлу выравнивание сбивается).
Код Результат
This is a placeholder image:

<div style="position:relative; top:150px; left:-60px; {{rotate|90}}">[[Файл:placeholder.png|200px]]</div>

It is rotated 90 degree clockwise.

This is a placeholder image:

It is rotated 90 degree clockwise.

<div style="border:3px solid red; width:100px; position:relative; top:30px; opacity:0.5; {{rotate|-30}}"></div>This is a red horizontal line drawn across the text at the angle of 30 degree anticlockwise.
This is a red horizontal line drawn across the text at the angle of 30 degree anticlockwise.
[[Файл:Kittycat.jpg|200px|Это котэ на коврэ]]











{{rotate|-90|Kittycat.jpg|200px{{!}}Это котэ с коврэ повернутэ}}
Это котэ на коврэ
Это котэ с коврэ повернутэ
Оформление подписей к изображениям:


[[Файл:Kittycat.jpg|200px|Это котэ на коврэ|thumb|left]]





{{rotate|-90|Kittycat.jpg|200px|dstyle=float:right;clear:right; padding:2px;border:solid gray 1px;|text=<br><small>Это котэ с коврэ повернутэ</small>}}

Это котэ на коврэ

Это котэ с коврэ повернутэ