Шаблон:Кратное изображение: различия между версиями

Материал из Энциклобогии
Перейти к навигации Перейти к поиску
(копипаст из Википедии)
 
м (категория)
Строка 46: Строка 46:
}}{{#if:{{{изобр1|}}}|
}}{{#if:{{{изобр1|}}}|
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина1|200}}}}}}}px">
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина1|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр1}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина1|200}}} }}px{{#ifeq:{{{ссылка1|:}}}|:||{{!}}link={{{ссылка1}}}}}|alt={{{alt1|}}}]]
<div class="thumbimage">[[Файл:{{{изобр1}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина1|200}}} }}px{{#ifeq:{{{ссылка1|:}}}|:||{{!}}link={{{ссылка1}}}}}|alt={{{alt1|}}}]]
</div>
</div>
{{#if:{{{подпись1|}}}|
{{#if:{{{подпись1|}}}|
Строка 55: Строка 55:
}}{{#if:{{{изобр2|}}}|
}}{{#if:{{{изобр2|}}}|
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина2|200}}}}}}}px">
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина2|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр2}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина2|200}}} }}px{{#ifeq:{{{ссылка2|:}}}|:||{{!}}link={{{ссылка2}}}}}|alt={{{alt2|}}}]]
<div class="thumbimage">[[Файл:{{{изобр2}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина2|200}}} }}px{{#ifeq:{{{ссылка2|:}}}|:||{{!}}link={{{ссылка2}}}}}|alt={{{alt2|}}}]]
</div>{{#if:{{{подпись2|}}}|
</div>{{#if:{{{подпись2|}}}|
<div class="thumbcaption" style="clear:left">{{{подпись2}}}
<div class="thumbcaption" style="clear:left">{{{подпись2}}}
Строка 63: Строка 63:
}}{{#if:{{{изобр3|}}}|
}}{{#if:{{{изобр3|}}}|
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина3|200}}}}}}}px">
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина3|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр3}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина3|200}}} }}px{{#ifeq:{{{ссылка3|:}}}|:||{{!}}link={{{ссылка3}}}}}|alt={{{alt3|}}}]]
<div class="thumbimage">[[Файл:{{{изобр3}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина3|200}}} }}px{{#ifeq:{{{ссылка3|:}}}|:||{{!}}link={{{ссылка3}}}}}|alt={{{alt3|}}}]]
</div>{{#if:{{{подпись3|}}}|
</div>{{#if:{{{подпись3|}}}|
<div class="thumbcaption" style="clear:left">{{{подпись3}}}
<div class="thumbcaption" style="clear:left">{{{подпись3}}}
Строка 71: Строка 71:
}}{{#if:{{{изобр4|}}}|
}}{{#if:{{{изобр4|}}}|
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина4|200}}}}}}}px">
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина4|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр4}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина4|200}}} }}px{{#ifeq:{{{ссылка4|:}}}|:||{{!}}link={{{ссылка4}}}}}|alt={{{alt4|}}}]]
<div class="thumbimage">[[Файл:{{{изобр4}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина4|200}}} }}px{{#ifeq:{{{ссылка4|:}}}|:||{{!}}link={{{ссылка4}}}}}|alt={{{alt4|}}}]]
</div>{{#if:{{{подпись4|}}}|
</div>{{#if:{{{подпись4|}}}|
<div class="thumbcaption" style="clear:left">{{{подпись4}}}
<div class="thumbcaption" style="clear:left">{{{подпись4}}}
Строка 79: Строка 79:
}}{{#if:{{{изобр5|}}}|
}}{{#if:{{{изобр5|}}}|
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина5|200}}}}}}}px">
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина5|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр5}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина5|200}}} }}px{{#ifeq:{{{ссылка5|:}}}|:||{{!}}link={{{ссылка5}}}}}|alt={{{alt5|}}}]]
<div class="thumbimage">[[Файл:{{{изобр5}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина5|200}}} }}px{{#ifeq:{{{ссылка5|:}}}|:||{{!}}link={{{ссылка5}}}}}|alt={{{alt5|}}}]]
</div>{{#if:{{{подпись5|}}}|
</div>{{#if:{{{подпись5|}}}|
<div class="thumbcaption" style="clear:left">{{{подпись5}}}
<div class="thumbcaption" style="clear:left">{{{подпись5}}}
Строка 87: Строка 87:
}}{{#if:{{{изобр6|}}}|
}}{{#if:{{{изобр6|}}}|
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина6|200}}}}}}}px">
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина6|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр6}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина6|200}}} }}px{{#ifeq:{{{ссылка6|:}}}|:||{{!}}link={{{ссылка6}}}}}|alt={{{alt6|}}}]]
<div class="thumbimage">[[Файл:{{{изобр6}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина6|200}}} }}px{{#ifeq:{{{ссылка6|:}}}|:||{{!}}link={{{ссылка6}}}}}|alt={{{alt6|}}}]]
</div>{{#if:{{{подпись6|}}}|
</div>{{#if:{{{подпись6|}}}|
<div class="thumbcaption" style="clear:left">{{{подпись6}}}
<div class="thumbcaption" style="clear:left">{{{подпись6}}}
Строка 95: Строка 95:
}}{{#if:{{{изобр7|}}}|
}}{{#if:{{{изобр7|}}}|
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина7|200}}}}}}}px">
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина7|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр7}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина7|200}}} }}px{{#ifeq:{{{ссылка7|:}}}|:||{{!}}link={{{ссылка7}}}}}|alt={{{alt7|}}}]]
<div class="thumbimage">[[Файл:{{{изобр7}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина7|200}}} }}px{{#ifeq:{{{ссылка7|:}}}|:||{{!}}link={{{ссылка7}}}}}|alt={{{alt7|}}}]]
</div>{{#if:{{{подпись7|}}}|
</div>{{#if:{{{подпись7|}}}|
<div class="thumbcaption" style="clear:left">{{{подпись7}}}
<div class="thumbcaption" style="clear:left">{{{подпись7}}}
Строка 103: Строка 103:
}}{{#if:{{{изобр8|}}}|
}}{{#if:{{{изобр8|}}}|
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина8|200}}}}}}}px">
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина8|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр8}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина8|200}}} }}px{{#ifeq:{{{ссылка8|:}}}|:||{{!}}link={{{ссылка8}}}}}|alt={{{alt8|}}}]]
<div class="thumbimage">[[Файл:{{{изобр8}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина8|200}}} }}px{{#ifeq:{{{ссылка8|:}}}|:||{{!}}link={{{ссылка8}}}}}|alt={{{alt8|}}}]]
</div>{{#if:{{{подпись8|}}}|
</div>{{#if:{{{подпись8|}}}|
<div class="thumbcaption" style="clear:left">{{{подпись8}}}
<div class="thumbcaption" style="clear:left">{{{подпись8}}}
Строка 111: Строка 111:
}}{{#if:{{{изобр9|}}}|
}}{{#if:{{{изобр9|}}}|
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина9|200}}}}}}}px">
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина9|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр9}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина9|200}}} }}px{{#ifeq:{{{ссылка9|:}}}|:||{{!}}link={{{ссылка9}}}}}|alt={{{alt9|}}}]]
<div class="thumbimage">[[Файл:{{{изобр9}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина9|200}}} }}px{{#ifeq:{{{ссылка9|:}}}|:||{{!}}link={{{ссылка9}}}}}|alt={{{alt9|}}}]]
</div>{{#if:{{{подпись9|}}}|
</div>{{#if:{{{подпись9|}}}|
<div class="thumbcaption" style="clear:left">{{{подпись9}}}
<div class="thumbcaption" style="clear:left">{{{подпись9}}}
Строка 119: Строка 119:
}}{{#if:{{{изобр10|}}}|
}}{{#if:{{{изобр10|}}}|
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина10|200}}}}}}}px">
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина10|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр10}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина10|200}}} }}px{{#ifeq:{{{ссылка10|:}}}|:||{{!}}link={{{ссылка10}}}}}|alt={{{alt10|}}}]]
<div class="thumbimage">[[Файл:{{{изобр10}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина10|200}}} }}px{{#ifeq:{{{ссылка10|:}}}|:||{{!}}link={{{ссылка10}}}}}|alt={{{alt10|}}}]]
</div>{{#if:{{{подпись10|}}}|
</div>{{#if:{{{подпись10|}}}|
<div class="thumbcaption" style="clear:left">{{{подпись10}}}
<div class="thumbcaption" style="clear:left">{{{подпись10}}}
Строка 132: Строка 132:
</div>
</div>
}}</includeonly><noinclude>
}}</includeonly><noinclude>
[[Категория:Шаблоны]]
{{doc}}
{{doc}}
</noinclude>
</noinclude>

Версия от 09:24, 21 декабря 2014


Документация  Документация

Шаблон создаёт врезку с несколькими (от двух до десяти) изображениями, расположенными горизонтально либо вертикально. Подписи можно делать под каждым из изображений либо одну общую для всех.

Использование

  • изобр1 … изобр10 — файлы изображений.
    • подпись1 … подпись10 и ссылка1 … ссылка10 — необязательные параметры, использующиеся для задания индивидуальных подписей и ссылок для каждого изображения.
  • ширина — общий параметр ширины каждого из изображений. Из него автоматически вычисляется общая ширина врезки.
    • Возможно указание ширины для каждого из изображений с помощью параметров ширина1ширина10 (без указания общего значения). Последние параметры используются только если каждое из изображений должно иметь свой собственный размер (ширина должна быть указана для каждого файла т.к. значения не наследуются, указываются только числа без размерности).


  • направление — По умолчанию «horizontal» — горизонтальное. Возможно также «vertical» — вертикальное.
  • зона — зона размещения шаблона. По умолчанию «center» — центр. Возможны «left» — слева, «right» — справа (с обтеканием текстом).
  • цвет фона — цвет фона группы изображений (основной фон врезки).
  • заголовок, зона_заголовка, фон_заголовка — позволяют разместить текст и оформление общего заголовка в верхней части врезки (по умолчанию используются значения «center» и цвет фона).
  • подпись, зона_подписи, фон_подписи — позволяют разместить текст и оформление общей подписи в нижней части врезки (по умолчанию используются значения «left» и цвет фона).



Заготовка для копирования

При вставке шаблона в статью не забудьте удалить строки с заведомо не нужными параметрами.

{{Кратное изображение
 |зона           = left/right/center
 |направление    = horizontal/vertical
 |заголовок      = 
 |зона_заголовка = left/right/center
 |фон_заголовка  = 
 |подпись        = 
 |зона_подписи   = left/right/center
 |фон_подписи    = 
 |ширина         = 

 |изобр1         = 
 |ширина1        = 
 |подпись1       = 


 |изобр2         = 
 |ширина2        = 
 |подпись2       = 

 |изобр3         = 
 |ширина3        = 
 |подпись3       = 

 |изобр4         = 
 |ширина4        = 
 |подпись4       = 

 |изобр5         = 
 |ширина5        = 
 |подпись5       = 

 |изобр6         = 
 |ширина6        = 
 |подпись6       = 

 |изобр7         = 
 |ширина7        = 
 |подпись7       = 

 |изобр8         = 
 |ширина8        = 
 |подпись8       = 

 |изобр9         = 
 |ширина9        = 
 |подпись9       = 

 |изобр10        = 
 |ширина10       = 
 |подпись10      = 
}}


Примеры

Пример отдельных подписей к каждому рисунку

Наиболее удобен шаблон для демонстрации очень похожих или однотипных иллюстраций: <div class="thumb tright" style="width: Ошибка выражения: неопознанный символ пунктуации «[»px; ">

«Подкинул монетку в небо — назад не упала. Великий, имей совесть».

Общедоступный
Без цензуры
Варианты интерпретации фразы by богВославз
{{Кратное изображение
 |зона        = right
 |направление = horizontal
 |заголовок   = «Подкинул монетку в небо — назад не упала. Великий, имей совесть».
 |подпись     = ''Варианты интерпретации фразы by'' {{god|Вославз}}
 |ширина      = 150

 |изобр1      = Подкинул монетку by Вославз.jpg
 |подпись1    = Общедоступный

 |изобр2      = Подкинул монетку (без цензуры) by Вославз.jpg
 |подпись2    = Без цензуры
}}



Пример с цветом фона

{{Кратное изображение
 |зона           = left
 |направление    = vertical
 |заголовок      = [[Серверный Олень]]
 |зона_заголовка = center
 |цвет фона      = NavajoWhite
 |ширина         = 200

 |изобр1         = Серверный олень мал.jpg
 |подпись1       = by {{god|Вайоллин}}
 |изобр2         = РАЗУКРАшенный Серверный олень =).jpg
 |подпись2       = by {{god|Ray Kamikaze}}
}}



Пример с различной высотой картинок

Размер изображений задаётся шириной, поэтому если соотношение высоты и ширины у файлов различно, отдельные файлы могут выбиваться из общего ряда и может пригодится индивидуальная подгонка: <div class="thumb tnone" style="width: Ошибка выражения: неопознанный символ пунктуации «[»px; margin: 0 auto;">

Варианты содержимого активируемых трофеев

by богНоэру
{{Кратное изображение
 |зона           = center
 |направление    = horizontal
 |заголовок      = Варианты содержимого [[Активируемые трофеи|активируемых трофеев]]
 |зона_заголовка = center
 |подпись        = by {{god|Ноэру}}
 |зона_подписи   = center

 |изобр1         = Подарок судьбы 1 by Ноэру.jpg
 |ширина1        = 200
 |изобр2         = Подарок судьбы 2 by Ноэру.jpg
 |ширина2        = 200
 |изобр3         = Подарок судьбы 3 by Ноэру.jpg
 |ширина3        = 200
 |изобр4         = Подарок судьбы 4 by Ноэру.jpg
 |ширина4        = 136
}}



Пример с различной шириной картинок

При вертикальном расположении ширина врезки (если она не указана в параметре ширина) выбирается исходя из максимальной указанной ширины: <div class="thumb tleft" style="width: Ошибка выражения: неопознанный символ пунктуации «[»px; ">

Различные результаты поведения рукой в лавке торговца

by богSot-onna
{{Кратное изображение
 |зона           = left
 |направление    = vertical
 |заголовок      = Различные результаты поведения рукой в [[торговец|лавке торговца]]
 |зона_заголовка = center

 |изобр1         = Самый честный торговец by Вославз.JPG
 |ширина1        = 300
 |подпись1       = by {{God|Вославз}}
 |изобр2         = Торговец 2 by Sot-onna.jpg
 |ширина2        = 200
 |подпись2       = by {{God|Sot-onna}}
 |изобр3         = Аура барыжничества и общающийся сосуд by Аджериеру.jpg
 |ширина3        = 300
 |подпись3       = by {{God|Аджериеру}}
}}



Пример подборки иконок

По умолчанию, нажатие на изображение открывает страницу соответствующего файла и позволяет увидеть его в ином разрешении, но среди прочего шаблон позволяет расширить навигационные возможности создаваемой врезки: <div class="thumb tnone" style="width: Ошибка выражения: неопознанный символ пунктуации «[»px; margin: 0 auto;">

Служебные категории, отражающие степень годности статьи

К быстрому удалению
К удалению
К исправлению
В процессе
Нужна доработка текста
Нужны авторская иллюстрация
Избранное
{{Кратное изображение
 |зона           = center
 |направление    = horizontal
 |заголовок      = Служебные категории, отражающие степень годности статьи
 |ширина         = 100

 |изобр1         = RIP-gravestone w.png
 |подпись1       = К быстрому удалению
 |ссылка1        = http://wiki.godville.net/Категория:К%20быстрому%20удалению

 |изобр2         = RIP-gravestone grey.png
 |подпись2       = К удалению
 |ссылка2        = http://wiki.godville.net/Категория:К%20удалению

 |изобр3         = Napilnik.jpg
 |подпись3       = К исправлению
 |ссылка3        = http://wiki.godville.net/Категория:К%20доработке

 |изобр4         = 75px-WrenchTF2.png
 |подпись4       = В процессе
 |ссылка4        = http://wiki.godville.net/Категория:В%20процессе

 |изобр5         = 02w376-zs.jpg
 |подпись5       = Нужна доработка текста
 |ссылка5        = http://wiki.godville.net/Категория:К%20доработке

 |изобр6         = Палитра.jpg
 |подпись6       = Нужны авторская иллюстрация
 |ссылка6        = http://wiki.godville.net/Категория:Статьи%20для%20иллюстрирования
 
 |изобр7         = Star.png
 |подпись7       = Избранное
 |ссылка7        = http://wiki.godville.net/Категория:Хорошие%20статьи
}}