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

Материал из МК14 | Space Station 14 Wiki
ВизуальныйВики-текст
Нет описания правки
Нет описания правки
 
(не показано 19 промежуточных версий этого же участника)
Строка 1: Строка 1:
<includeonly>
<includeonly>
<div style="
<div style="
flex:1 1 280px;
    display:inline-flex;
min-width:280px;
    vertical-align:top;
max-width:100%;
    flex-direction:column;
box-sizing:border-box;
    background:#171B22;
background:#171d26;
    border:1px solid #FFFFFF;
border:1px solid #303b4a;
    box-sizing:border-box;
border-radius:4px;
    overflow:hidden;
overflow:hidden;
    color:#FFFFFF;
color:#ddd;
    font-family:Arial,sans-serif;
font-family:Arial,sans-serif;
    margin:4px;
    width:auto;
    max-width:350px;
">
">


<!-- ШАПКА -->
<!-- НАЗВАНИЕ -->
<div style="
<div style="
height:44px;
    min-height:28px;
display:flex;
    background:#202632;
align-items:center;
    display:flex;
padding:0 14px;
    align-items:center;
box-sizing:border-box;
    justify-content:center;
background:#202a36;
    padding:3px 10px;
border-bottom:1px solid #303b4a;
    box-sizing:border-box;
font-size:16px;
    border-bottom:1px solid #FFFFFF;
font-weight:bold;
color:#ddd;
">
">
 
    <div style="
<div style="margin-right:10px; display:flex; align-items:center;">
        font-size:14px;
[[File:{{{method_img|Microwave.gif}}}|18px]]
        font-weight:bold;
</div>
        color:#FFFFFF;
 
        text-align:center;
<div>
        line-height:18px;
{{{method_name|Микроволновка}}}
    ">{{{title|Рецепт}}}
</div>
    </div>
 
</div>
</div>


<!-- ИНГРЕДИЕНТЫ -->
<!-- ОСНОВНАЯ ЧАСТЬ -->
<div style="
<div style="
min-height:88px;
    display:inline-flex;
padding:12px 10px 8px;
    align-items:center;
box-sizing:border-box;
    justify-content:center;
display:flex;
    gap:15px;
align-items:flex-start;
    padding:12px;
justify-content:center;
    box-sizing:border-box;
    flex-wrap:nowrap;
">
">


<!-- ИНГРЕДИЕНТЫ -->
<div style="
<div style="
display:flex;
    display:flex;
flex-wrap:wrap;
    align-items:flex-start;
justify-content:center;
    justify-content:center;
align-content:flex-start;
    gap:8px;
gap:4px 12px;
    flex-wrap:wrap;
max-width:100%;
    min-width:0;
font-size:14px;
    max-width:200px;
font-weight:bold;
line-height:18px;
text-align:center;
">
">


<!-- ИНГРЕДИЕНТ 1 -->
<!-- ИНГРЕДИЕНТ 1 -->
{{#if:{{{ingredient1_name|}}}|
{{#if:{{{ingredient1_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="
{{{ingredient1_name}}}{{#if:{{{ingredient1_amount|}}}|&nbsp;[{{{ingredient1_amount}}}]|}}
    display:flex;
    flex-direction:column;
    align-items:center;
    width:70px;
">
    <div style="
        width:58px;
        height:58px;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
    ">[[File:{{{ingredient1_img}}}|46px]]
    </div>
    <div style="
        font-size:12px;
        color:#FFFFFF;
        text-align:center;
        margin-top:5px;
        line-height:16px;
    ">{{{ingredient1_name}}}{{#if:{{{ingredient1_amount|}}}|&nbsp;[{{{ingredient1_amount}}}]|}}
    </div>
</div>
</div>
|}}
|}}
Строка 69: Строка 88:
<!-- ИНГРЕДИЕНТ 2 -->
<!-- ИНГРЕДИЕНТ 2 -->
{{#if:{{{ingredient2_name|}}}|
{{#if:{{{ingredient2_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="
{{{ingredient2_name}}}{{#if:{{{ingredient2_amount|}}}|&nbsp;[{{{ingredient2_amount}}}]|}}
    display:flex;
    flex-direction:column;
    align-items:center;
    width:70px;
">
    <div style="
        width:58px;
        height:58px;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
    ">[[File:{{{ingredient2_img}}}|46px]]
    </div>
    <div style="
        font-size:12px;
        color:#FFFFFF;
        text-align:center;
        margin-top:5px;
        line-height:16px;
    ">{{{ingredient2_name}}}{{#if:{{{ingredient2_amount|}}}|&nbsp;[{{{ingredient2_amount}}}]|}}
    </div>
</div>
</div>
|}}
|}}
Строка 76: Строка 116:
<!-- ИНГРЕДИЕНТ 3 -->
<!-- ИНГРЕДИЕНТ 3 -->
{{#if:{{{ingredient3_name|}}}|
{{#if:{{{ingredient3_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="
{{{ingredient3_name}}}{{#if:{{{ingredient3_amount|}}}|&nbsp;[{{{ingredient3_amount}}}]|}}
    display:flex;
    flex-direction:column;
    align-items:center;
    width:70px;
">
    <div style="
        width:58px;
        height:58px;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
    ">[[File:{{{ingredient3_img}}}|46px]]
    </div>
    <div style="
        font-size:12px;
        color:#FFFFFF;
        text-align:center;
        margin-top:5px;
        line-height:16px;
    ">{{{ingredient3_name}}}{{#if:{{{ingredient3_amount|}}}|&nbsp;[{{{ingredient3_amount}}}]|}}
    </div>
</div>
</div>
|}}
|}}
Строка 83: Строка 144:
<!-- ИНГРЕДИЕНТ 4 -->
<!-- ИНГРЕДИЕНТ 4 -->
{{#if:{{{ingredient4_name|}}}|
{{#if:{{{ingredient4_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="
{{{ingredient4_name}}}{{#if:{{{ingredient4_amount|}}}|&nbsp;[{{{ingredient4_amount}}}]|}}
    display:flex;
    flex-direction:column;
    align-items:center;
    width:70px;
">
    <div style="
        width:58px;
        height:58px;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
    ">[[File:{{{ingredient4_img}}}|46px]]
    </div>
    <div style="
        font-size:12px;
        color:#FFFFFF;
        text-align:center;
        margin-top:5px;
        line-height:16px;
    ">{{{ingredient4_name}}}{{#if:{{{ingredient4_amount|}}}|&nbsp;[{{{ingredient4_amount}}}]|}}
    </div>
</div>
</div>
|}}
|}}
Строка 90: Строка 172:
<!-- ИНГРЕДИЕНТ 5 -->
<!-- ИНГРЕДИЕНТ 5 -->
{{#if:{{{ingredient5_name|}}}|
{{#if:{{{ingredient5_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="
{{{ingredient5_name}}}{{#if:{{{ingredient5_amount|}}}|&nbsp;[{{{ingredient5_amount}}}]|}}
    display:flex;
    flex-direction:column;
    align-items:center;
    width:70px;
">
    <div style="
        width:58px;
        height:58px;
        display:flex;
        align-items:center;
        justify-content:center;
        overflow:hidden;
    ">[[File:{{{ingredient5_img}}}|46px]]
    </div>
    <div style="
        font-size:12px;
        color:#FFFFFF;
        text-align:center;
        margin-top:5px;
        line-height:16px;
    ">{{{ingredient5_name}}}{{#if:{{{ingredient5_amount|}}}|&nbsp;[{{{ingredient5_amount}}}]|}}
    </div>
</div>
</div>
|}}
|}}


<!-- ИНГРЕДИЕНТ 6 -->
{{#if:{{{ingredient6_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
{{{ingredient6_name}}}{{#if:{{{ingredient6_amount|}}}|&nbsp;[{{{ingredient6_amount}}}]|}}
</div>
</div>
|}}


<!-- ИНГРЕДИЕНТ 7 -->
<!-- СПОСОБ ПРИГОТОВЛЕНИЯ -->
{{#if:{{{ingredient7_name|}}}|
<div style="
<div style="color:#62b5d1; white-space:nowrap;">
    display:flex;
{{{ingredient7_name}}}{{#if:{{{ingredient7_amount|}}}|&nbsp;[{{{ingredient7_amount}}}]|}}
    flex-direction:column;
</div>
    align-items:center;
|}}
    justify-content:center;
    flex-shrink:0;
    min-width:70px;
    border-left:1px solid #FFFFFF;
    padding-left:10px;
">


<!-- ИНГРЕДИЕНТ 8 -->
<!-- АВТОМАТИЧЕСКАЯ КАРТИНКА МЕТОДА (с fallback) -->
{{#if:{{{ingredient8_name|}}}|
<div style="
<div style="color:#62b5d1; white-space:nowrap;">
    width:60px;
{{{ingredient8_name}}}{{#if:{{{ingredient8_amount|}}}|&nbsp;[{{{ingredient8_amount}}}]|}}
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
">{{#switch:{{{method_name|}}}
|Микроволновка={{#ifexist:File:Microwave.gif|[[File:Microwave.gif|60px]]|[[File:Microwave.png|60px]]}}
|Смешивание={{#ifexist:File:Beaker.png|[[File:Beaker.png|60px]]|[[File:Beaker.gif|60px]]}}
|Нож={{#ifexist:File:Knife.png|[[File:Knife.png|60px]]|[[File:Knife.gif|60px]]}}
|Скалка={{#ifexist:File:RollingPin.png|[[File:RollingPin.png|60px]]|[[File:RollingPin.gif|60px]]}}
|#default=[[File:Microwave.gif|60px]]
}}
</div>
</div>
|}}


<!-- ИНГРЕДИЕНТ 9 -->
<div style="
{{#if:{{{ingredient9_name|}}}|
    font-size:13px;
<div style="color:#62b5d1; white-space:nowrap;">
    font-weight:bold;
{{{ingredient9_name}}}{{#if:{{{ingredient9_amount|}}}|&nbsp;[{{{ingredient9_amount}}}]|}}
    line-height:17px;
</div>
    text-align:center;
|}}
    color:#FFFFFF;
 
    margin-top:4px;
<!-- ИНГРЕДИЕНТ 10 -->
">{{{method_name|Приготовление}}}{{#if:{{{method_time|}}}|<br>{{{method_time}}}|}}
{{#if:{{{ingredient10_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
{{{ingredient10_name}}}{{#if:{{{ingredient10_amount|}}}|&nbsp;[{{{ingredient10_amount}}}]|}}
</div>
|}}
 
</div>
</div>
</div>


<!-- СТРЕЛКА -->
<div style="
height:22px;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
color:#ddd;
">
↓
</div>
</div>


<!-- РЕЗУЛЬТАТ -->
<!-- РЕЗУЛЬТАТ -->
<div style="
<div style="
min-height:54px;
    display:flex;
padding:4px 10px 14px;
    align-items:flex-start;
box-sizing:border-box;
    justify-content:center;
display:flex;
    border-left:1px solid #FFFFFF;
align-items:center;
    padding-left:10px;
justify-content:center;
text-align:center;
font-size:14px;
">
">
    <div style="
        display:flex;
        flex-direction:column;
        align-items:center;
        width:75px;
    ">
        <div style="
            width:58px;
            height:58px;
            display:flex;
            align-items:center;
            justify-content:center;
            overflow:hidden;
        ">[[File:{{{result_img}}}|46px]]
        </div>


<div style="margin-right:7px; color:#ddd;">
        <div style="
Создаёт:
            font-size:12px;
</div>
            color:#FFFFFF;
 
            text-align:center;
<div style="display:flex; align-items:center;">
            margin-top:5px;
 
            line-height:16px;
{{#if:{{{result_img|}}}|
        ">{{{result_name|Результат}}}
[[File:{{{result_img}}}|28px]]
        </div>
|}}
    </div>
 
</div>
 
<div style="
margin-left:7px;
color:#62b5d1;
font-weight:bold;
">
{{{result_name|Результат}}}
{{#if:{{{result_amount|}}}|&nbsp;[{{{result_amount}}}]|}}
</div>
</div>


</div>
</div>
</div>
</div>
</includeonly>
</includeonly>
<noinclude>
__NOTOC__
== Recipe — карточка рецепта ==
Шаблон предназначен для размещения нескольких рецептов в общей сетке.
Каждый вызов <code>{{Recipe}}</code> создаёт одну карточку.
=== Поддерживаемые параметры ===
{| class="wikitable"
! Параметр !! Описание
|-
| <code>title</code> || Старое название рецепта. Можно не использовать.
|-
| <code>ingredient1_name</code> — <code>ingredient10_name</code> || Названия ингредиентов
|-
| <code>ingredient1_amount</code> — <code>ingredient10_amount</code> || Количество ингредиентов
|-
| <code>ingredient1_img</code> — <code>ingredient10_img</code> || Изображения ингредиентов. В карточке сейчас не отображаются.
|-
| <code>method_name</code> || Способ приготовления
|-
| <code>method_img</code> || Иконка способа приготовления
|-
| <code>method_time</code> || Время приготовления
|-
| <code>result_name</code> || Название результата
|-
| <code>result_img</code> || Изображение результата
|-
| <code>result_amount</code> || Количество результата
|}
=== Пример ===
<pre>
<div style="display:flex; flex-wrap:wrap; gap:8px; width:100%; box-sizing:border-box;">
{{Recipe
|ingredient1_name=Булочка
|ingredient1_amount=1
|ingredient2_name=Мясо
|ingredient2_amount=1
|ingredient3_name=Сыр
|ingredient3_amount=1
|method_name=Микроволновка
|method_img=Microwave.gif
|method_time=10 сек.
|result_name=Чизбургер
|result_img=FoodBurgerCheese.png
}}
{{Recipe
|ingredient1_name=Булочка
|ingredient1_amount=1
|ingredient2_name=Бекон
|ingredient2_amount=1
|ingredient3_name=Сыр
|ingredient3_amount=2
|method_name=Микроволновка
|method_img=Microwave.gif
|method_time=10 сек.
|result_name=Беконный бургер
|result_img=FoodBurgerBacon.png
}}
</div>
</pre>
</noinclude>

Текущая версия от 02:46, 14 августа 2026

Источник — https://wiki.deadspace14.net/index.php?title=Шаблон:Recipe&oldid=30539
Последнее изменение
Эта страница в последний раз была отредактирована 14 августа 2026 в 02:46.