Просмотр кода страницы Шаблон:Infocard/док

Используется для создания информационной карточки.

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

; color= и/или theme=
Цвет «темы» карточки. Значением может быть любым подходящим CSS-цветом (например, <code>#E4F0F7</code>, <code>red</code>, <code>rgba(0,0,0,0.3)</code>) либо одним из следующий ключевых слов: <code>melee</code>(<span style="background-color:#d20000">&nbsp;&nbsp;&nbsp;&nbsp;</span>), <code>magic</code>/<code>mage</code>(<span style="background-color:#9d0d79">&nbsp;&nbsp;&nbsp;&nbsp;</span>), <code>ranged</code>/<code>ranger</code>(<span style="background-color:#21a08d">&nbsp;&nbsp;&nbsp;&nbsp;</span>), <code>summoning</code>/<code>summon</code>/<code>summoner</code>(<span style="background-color:#066aff">&nbsp;&nbsp;&nbsp;&nbsp;</span>), <code>terraria</code>(<span style="background-color:#E4F0F7">&nbsp;&nbsp;&nbsp;&nbsp;</span>). Если аргумент отсутствует, значением по умолчанию будет <code>#AFCFE2</code>(<span style="background-color:#AFCFE2">&nbsp;&nbsp;&nbsp;&nbsp;</span>).

<code>color=</code> применяется только ко всем основным заголовкам, а <code>theme=</code> применяется как к основным заголовка, так и ко всем заголовкам вложенных карточек.

; image=<filename> или imagealt=<wikitext>
Image info for the "minicard".See the diagram and examples below. Only one of them will be used, and <code>{{{image}}}</code> take priority.
; icon=<filename> or iconalt=<wikitext>
Icon info for the "minicard".See the examples below.

; size=
The width of the "minicard" (without border), The Default value is 250px. If <code>{{{image}}}</code> is used, the value for {{{size}}} must in px, e.g. 250px. If <code>{{{imagealt}}}</code> is specified, the value can be any valid CSS length.

; прочие параметры
{{infocard
|type=<code><nowiki>{{{type}}}</nowiki></code>
|name=<code><nowiki>{{{name}}}</nowiki></code>
|namenote=<code><nowiki>{{{namenote}}}</nowiki></code>
|subname=<code><nowiki>{{{subname}}}</nowiki></code>
|imagealt=<div style="padding: 100px 0;text-align: center; background: #ccc">{{nowrap|<code><nowiki>{{{image}}} or {{{imagealt}}}</nowiki></code><br/><code><nowiki>{{{icon}}} or {{{iconalt}}}</nowiki></code><br/>(see details below)}}</div>
|size=300px
|cardintro=<code><nowiki>{{{cardintro}}}</nowiki></code>
|card_index1=<code><nowiki>{{{card_<key1>}}}</nowiki></code>
|index1=<code><nowiki>{{{<key1>}}}</nowiki></code>
|card_index2=<code><nowiki>{{{card_<key2>}}}</nowiki></code>
|index2=<code><nowiki>{{{<key2>}}}</nowiki></code>
|card_index3=...
|index3=...
|cardoutro=<code><nowiki>{{{cardoutro}}}</nowiki></code>
|intro=<code><nowiki>{{{intro}}}</nowiki></code>
|title_keyA=<code><nowiki>{{{title_<keyA>}}}</nowiki></code>
|keyA=<code><nowiki>{{{<keyA>}}}</nowiki></code>
|title_keyB=<code><nowiki>{{{title_<keyB>}}}</nowiki></code>
|keyB=<code><nowiki>{{{<keyB>}}}</nowiki></code>
|title_keyC=<code><nowiki>{{{title_<keyC>}}}</nowiki></code>
|keyC=<code><nowiki>{{{<keyC>}}}</nowiki></code>
|title_keyD=<code><nowiki>...</nowiki></code>
|keyD=<code><nowiki>...</nowiki></code>
|outro=<code><nowiki>{{{outro}}} or {{{text}}}</nowiki></code>
}}

'''Режим мини-карточки против режима иконки:'''
{| class="wikitable"
|-
!  !! width=350px | Код !! Результат
|-
| Режим мини-карточки 
| <pre><nowiki>
{{infocard
  |type=Mode
  |name=Minicard
  |image=Walkthrough Snow.png|size=200px
  |card_a=Title
  |a=Content
  |text=Text content.
}}
</nowiki></pre>
| {{infocard
    |type=Mode
    |name=Minicard
    |image=Walkthrough Snow.png|size=200px
    |card_a=Title
    |a=Content
    |text=Text content.
  }}
|-
| Пользовательский режим мини-карточки 
| <pre><nowiki>
{{infocard
  |type=Mode
  |name=Custom Minicard
  |imagealt=
    <div style="
        padding: 20px 20px 0;
        background:#61BBC2; 
        margin-bottom: -10px;">
    [[File:Moon Lord.png|160px|link=]]
    </div>
  |size=200px
  |card_a=Title
  |a=Content
  |text=Text content.
}}
</nowiki></pre>
| {{infocard
    |type=Mode
    |name=Custom Minicard
    |imagealt=<div style="padding: 20px 20px 0;background:#61BBC2; margin-bottom: -10px;">[[File:Moon Lord.png|160px|link=]]</div>
    |size=200px
    |card_a=Title
    |a=Content
    |text=Text content.
  }}
|-
| Режим иконки
| <pre><nowiki>
{{infocard
  |type=Mode
  |name=Icon
  |icon=Bookcase (placed).png
  |text=Text content.
}}
</nowiki></pre>
| {{infocard
    |type=Mode
    |name=Icon
    |icon=Bookcase (placed).png
    |text=Text content.
  }}
|-
| Пользовательский режим иконки
| <pre><nowiki>
{{infocard
  |type=Mode
  |name=Custom Icon
  |iconalt=
    {{flexbox
      |css=width:80px;
           height:80px;
           background:#fff;
           border:1px solid #ccc;
           border-radius:100px;
      |alignitems=center
      |justify=center
      |[[File: Map Icon Moon Lord.png|link=]]
    }}
  |text=Text content.
}}
</nowiki></pre>
| {{infocard
    |type=Mode
    |name=Custom Icon
    |iconalt={{flexbox|css=width: 80px;height:80px;background:#fff;border:1px solid #ccc;border-radius:100px;|alignitems=center|justify=center|[[File: Map Icon Moon Lord.png]]}}
    |text=Text content.
  }}
|}

Для примера см. [[Руководство:Забегание вперёд]].

=== {{tl|infocard/box}} ===
You can use <code><nowiki>{{{infocard/box}}}</nowiki></code> to create boxes in <code><nowiki>{{{intro}}}</nowiki></code> and <code><nowiki>{{{text}}}</nowiki></code> if needed.
Note: The boxes created by <code><nowiki>{{{infocard/box}}}</nowiki></code> has no margin, and you may add <code><nowiki>margin: 1em 0</nowiki></code> manually.

For example:
<pre><nowiki>
{{infocard
|type=Sample
|name=Boxes in text 
|intro=Intro start {{infocard/box|a box in intro}} Intro end
|title_box=Title
|box=
some text in box.
{{infocard/heading|Chapter Heading}}
Chapter text
|outro= 
Outro start
{{infocard/box|title=box title|box 1 in text}}
Some text
{{infocard/box|box 2 in text|css=background:#ffeeee;color:#ff0000}}
{{infocard/heading|More complicated layout:}}
{{flexstart|justify=justified|css=margin: -0.5em;}}
  {{infocard/box|box A|css=width: 200px;margin: 0.5em;}}
  {{infocard/box|box B|css=width: 200px;margin: 0.5em;}}
  {{infocard/box|box C|css=width: 200px;margin: 0.5em;}}
  {{infocard/box|box D|css=width: 200px;margin: 0.5em;}}
{{flexend}}
{{infocard/heading|Even nested:}}
{{infocard/box|css=background:#eeffee;
|title=Nested boxes
| {{flexstart|justify=justified|css=margin:-0.5em;}}
    {{infocard/box|box W|css=width: 250px;margin: 0.5em;}}
    {{infocard/box|title=X|box X|css=width: 250px;margin: 0.5em;}}
    {{infocard/box|box Y|css=width: 250px;margin: 0.5em;}}
    {{infocard/box|title=Z|box Z|css=width: 250px;margin: 0.5em;}}
  {{flexend}}
}}
You can change the "theme color" of boxes if needed:
{{flexstart|justify=justified|css=margin: -0.5em}}
  {{infocard/box|title=Melee|Melee box|css=width: 200px;margin: 0.5em;|color=melee}}
  {{infocard/box|title=Ranged|Ranged box|css=width: 200px;margin: 0.5em;|color=ranged}}
  {{infocard/box|title=Magic|Magic box|css=width: 200px；margin: 0.5em;|color=magic}}
  {{infocard/box|title=Summoning|Summoning box|css=width: 200px;margin: 0.5em;|color=summoning}}
  {{infocard/box|title=Other|Other box|css=width: 200px;margin: 0.5em;|color=#F7E268}}
{{flexend}}
Text end
}}
</nowiki></pre>
will render as:
{{infocard
|type=Sample
|name=Boxes in text 
|intro=Intro start {{infocard/box|a box in intro}} Intro end
|title_box=Title
|box=
some text in box.
{{infocard/heading|Chapter Heading}}
Chapter text
|outro= 
Outro start
{{infocard/box|title=box title|box 1 in text}}
Some text
{{infocard/box|box 2 in text|css=background:#ffeeee;color:#ff0000}}
{{infocard/heading|More complicated layout:}}
{{flexstart|justify=justified|css=margin: -0.5em;}}
  {{infocard/box|box A|css=width: 200px;margin: 0.5em;}}
  {{infocard/box|box B|css=width: 200px;margin: 0.5em;}}
  {{infocard/box|box C|css=width: 200px;margin: 0.5em;}}
  {{infocard/box|box D|css=width: 200px;margin: 0.5em;}}
{{flexend}}
{{infocard/heading|Even nested:}}
{{infocard/box|css=background:#eeffee;
|title=Nested boxes
| {{flexstart|justify=justified|css=margin:-0.5em;}}
    {{infocard/box|box W|css=width: 250px;margin: 0.5em;}}
    {{infocard/box|title=X|box X|css=width: 250px;margin: 0.5em;}}
    {{infocard/box|box Y|css=width: 250px;margin: 0.5em;}}
    {{infocard/box|title=Z|box Z|css=width: 250px;margin: 0.5em;}}
  {{flexend}}
}}
You can change the "theme color" of boxes if needed:
{{flexstart|justify=justified|css=margin: -0.5em}}
  {{infocard/box|title=Melee|Melee box|css=width: 200px;margin: 0.5em;|color=melee}}
  {{infocard/box|title=Ranged|Ranged box|css=width: 200px;margin: 0.5em;|color=ranged}}
  {{infocard/box|title=Magic|Magic box|css=width: 200px；margin: 0.5em;|color=magic}}
  {{infocard/box|title=Summoning|Summoning box|css=width: 200px;margin: 0.5em;|color=summoning}}
  {{infocard/box|title=Other|Other box|css=width: 200px;margin: 0.5em;|color=#F7E268}}
{{flexend}}
Text end
}}

== Настройки ==
{{options/autodoc|note_box-css=Default css for {{tl|infocard/box}}。}}

== Подстраницы ==
<div style="-webkit-column-count:3;column-count:3;">
{{#dpl:
|namespace=Шаблон
|titlematch=Infocard/%
|notcategorymatch=% translation
|nottitlematch=%/док%
|ordermethod=title
|columns=3
}}
</div>

<noinclude>
{{category|Template documentation}}
{{language info|en=Template:Infocard/doc}}
</noinclude>