https://zh-cn.doc.boardgamearena.com/index.php?action=history&feed=atom&title=%E6%A8%A1%E6%9D%BF%3AInfoBox
模板:InfoBox - 版本历史
2026-09-26T14:36:05Z
本wiki上该页面的版本历史
MediaWiki 1.39.0
https://zh-cn.doc.boardgamearena.com/index.php?title=%E6%A8%A1%E6%9D%BF:InfoBox&diff=526&oldid=prev
2024年7月15日 (一) 02:41 DogEgg258
2024-07-15T02:41:42Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="zh-Hans-CN">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上一版本</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">2024年7月15日 (一) 04:41的版本</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">第1行：</td>
<td colspan="2" class="diff-lineno">第1行：</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><div style="float:{{{float|none}}};clear:both;display:flex;margin:8px;"><div class="mw-collapsible mw-{{{state|}}}" style="display:flex;flex-flow:column wrap;min-width:{{{minWidth|}}};max-width:{{{maxWidth|600}}}px;border-radius:{{{corner|0.5}}}rem;background:{{{color|linear-gradient(to bottom right,{{{colorA|#c00}}},{{{colorB|#703}}},{{{colorC|#307}}})}}};"><div class="mw-collapsible-toggle" style="box-sizing:border-box;width:100%;padding:0.5rem;text-align:{{{titleAlign|center}}};color:{{{titleColor|#fff}}};font-weight:bold;overflow-wrap:break-word;hyphens:auto;"><span><del style="font-weight: bold; text-decoration: none;">【标题】</del></span></div><div class="mw-collapsible-content" style="box-sizing:border-box;width:calc(100% - 0.5rem);margin:0 0.25rem 0.25rem;padding:0.25rem;border-radius:calc({{{corner|0.5}}}rem - 0.25rem);background:{{{bodyBgColor|#fffc}}};color:{{{bodyColor|#202122}}};overflow-wrap:break-word;hyphens:auto;"><span><del style="font-weight: bold; text-decoration: none;">【内文】</del></span></div></div></div><noinclude></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><div style="float:{{{float|none}}};clear:both;display:flex;margin:8px;"><div class="mw-collapsible mw-{{{state|}}}" style="display:flex;flex-flow:column wrap;min-width:{{{minWidth|}}};max-width:{{{maxWidth|600}}}px;border-radius:{{{corner|0.5}}}rem;background:{{{color|linear-gradient(to bottom right,{{{colorA|#c00}}},{{{colorB|#703}}},{{{colorC|#307}}})}}};"><div class="mw-collapsible-toggle" style="box-sizing:border-box;width:100%;padding:0.5rem;text-align:{{{titleAlign|center}}};color:{{{titleColor|#fff}}};font-weight:bold;overflow-wrap:break-word;hyphens:auto;"><span><ins style="font-weight: bold; text-decoration: none;">{{{title}}}</ins></span></div><div class="mw-collapsible-content" style="box-sizing:border-box;width:calc(100% - 0.5rem);margin:0 0.25rem 0.25rem;padding:0.25rem;border-radius:calc({{{corner|0.5}}}rem - 0.25rem);background:{{{bodyBgColor|#fffc}}};color:{{{bodyColor|#202122}}};overflow-wrap:break-word;hyphens:auto;"><span><ins style="font-weight: bold; text-decoration: none;">{{{body}}}</ins></span></div></div></div><noinclude></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>使用InfoBox时，你需要在页面中输入：</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>使用InfoBox时，你需要在页面中输入：</div></td></tr>
</table>
DogEgg258
https://zh-cn.doc.boardgamearena.com/index.php?title=%E6%A8%A1%E6%9D%BF:InfoBox&diff=523&oldid=prev
2024年7月15日 (一) 02:34 DogEgg258
2024-07-15T02:34:52Z
<p></p>
<a href="//zh-cn.doc.boardgamearena.com/index.php?title=%E6%A8%A1%E6%9D%BF:InfoBox&diff=523&oldid=518">显示更改</a>
DogEgg258
https://zh-cn.doc.boardgamearena.com/index.php?title=%E6%A8%A1%E6%9D%BF:InfoBox&diff=518&oldid=prev
DogEgg258：创建页面，内容为“<div style="float:{{{float|none}}};clear:both;display:flex;margin:8px;"><div class="mw-collapsible mw-{{{state|}}}" style="display:flex;flex-flow:column wrap;min-width:{{{minWidth|}}};max-width:{{{maxWidth|600}}}px;border-radius:{{{corner|0.5}}}rem;background:{{{color|linear-gradient(to bottom right,{{{colorA|#c00}}},{{{colorB|#703}}},{{{colorC|#307}}})}}};"><div class="mw-collapsible-toggle" style="box-sizing:border-box;width:100%;padding:0.5rem;text-align:{{{…”
2024-07-15T01:48:59Z
<p>创建页面，内容为“<div style="float:{{{float|none}}};clear:both;display:flex;margin:8px;"><div class="mw-collapsible mw-{{{state|}}}" style="display:flex;flex-flow:column wrap;min-width:{{{minWidth|}}};max-width:{{{maxWidth|600}}}px;border-radius:{{{corner|0.5}}}rem;background:{{{color|linear-gradient(to bottom right,{{{colorA|#c00}}},{{{colorB|#703}}},{{{colorC|#307}}})}}};"><div class="mw-collapsible-toggle" style="box-sizing:border-box;width:100%;padding:0.5rem;text-align:{{{…”</p>
<p><b>新页面</b></p><div><div style="float:{{{float|none}}};clear:both;display:flex;margin:8px;"><div class="mw-collapsible mw-{{{state|}}}" style="display:flex;flex-flow:column wrap;min-width:{{{minWidth|}}};max-width:{{{maxWidth|600}}}px;border-radius:{{{corner|0.5}}}rem;background:{{{color|linear-gradient(to bottom right,{{{colorA|#c00}}},{{{colorB|#703}}},{{{colorC|#307}}})}}};"><div class="mw-collapsible-toggle" style="box-sizing:border-box;width:100%;padding:0.5rem;text-align:{{{titleAlign|center}}};color:{{{titleColor|#fff}}};font-weight:bold;overflow-wrap:break-word;hyphens:auto;"><span>{{{title}}}</span></div><div class="mw-collapsible-content" style="box-sizing:border-box;width:calc(100% - 0.5rem);margin:0 0.25rem 0.25rem;padding:0.25rem;border-radius:calc({{{corner|0.5}}}rem - 0.25rem);background:{{{bodyBgColor|#fffc}}};color:{{{bodyColor|#202122}}};overflow-wrap:break-word;hyphens:auto;"><span>{{{body}}}</span></div></div></div><noinclude><br />
<br />
To use this infoBox template, type:<br />
<pre><br />
{{infoBox<br />
|title=Example<br />
|body=<br />
}}<br />
</pre><br />
<br />
with the title and body when editing the page.<br />
<br />
== Parameters ==<br />
<br />
<div style="display:grid;grid-template-columns:repeat(4,max-content) 1fr;gap:0 0.25rem;overflow:auto;text-overflow:ellipsis;"><br />
<div style="font-weight:bold;width:8rem;">Parameter</div><br />
<div style="font-weight:bold;width:8rem;">Default value</div><br />
<div style="font-weight:bold;width:8rem;">Example</div><br />
<div style="font-weight:bold;width:8rem;">Result</div><br />
<div style="font-weight:bold;width:8rem;">Description</div><br />
<div><code>title</code></div><br />
<div><code>null</code></div><br />
<div><code><nowiki>{{infoBox |title=Example}}</nowiki></code></div><br />
<div>{{infoBox |title=Example}}</div><br />
<div>'''''Optional:''''' specify a title.</div><br />
<div><code>body</code></div><br />
<div><code>null</code></div><br />
<div><code><nowiki>{{infoBox |body=Body content}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content}}</div><br />
<div>'''''Optional:''''' specify any body content.</div><br />
<div><code>state</code></div><br />
<div><code>null</code></div><br />
<div><code><nowiki>{{infoBox |state=collapsed}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content |state=collapsed}}</div><br />
<div>'''''Optional:''''' collapsed by default.</div><br />
<div><code>float</code></div><br />
<div><code>none</code></div><br />
<div><code><nowiki>{{infoBox |float=right}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content |float=right}}</div><br />
<div>'''''Optional:''''' Place on the <code>left</code> or <code>right</code> side of its container, allowing text to wrap around it.</div><br />
<div><code>minWidth</code></div><br />
<div><code>null</code></div><br />
<div><code><nowiki>{{infoBox |minWidth=100%}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content |minWidth=100%}}</div><br />
<div>'''''Optional:''''' specify the minimum width as a [https://developer.mozilla.org/en-US/docs/Web/CSS/length CSS length] e.g. <code>500px</code>.</div><br />
<div><code>maxWidth</code></div><br />
<div><code>600</code></div><br />
<div><code><nowiki>{{infoBox |maxWidth=80}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content |maxWidth=80}}</div><br />
<div>'''''Optional:''''' specify the maximum width in px units.<br />
<br />
<br />
'''''Tip:''''' use <code><nowiki>{{infoBox |maxWidth=}}</nowiki></code> (empty) to remove the maxWidth limit.</div><br />
<div><code>color</code></div><br />
<div><pre>linear-gradient(<br />
to bottom right,<br />
{{{colorA|#c00}}},<br />
{{{colorB|#703}}},<br />
{{{colorC|#307}}})</pre></div><br />
<div><code><nowiki>{{infoBox |color=green}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content |color=green}}</div><br />
<div>'''''Optional:''''' specify a single color of the infoBox as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div><br />
<div><code>colorA</code></div><br />
<div><code>#c00</code> (red)</div><br />
<div><code><nowiki>{{infoBox |colorA=lightgreen}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content |colorA=lightgreen}}</div><br />
<div>'''''Optional:''''' specify the top left corner color gradient of the infoBox as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div><br />
<div><code>colorB</code></div><br />
<div><code>#703</code> (dark pink)</div><br />
<div><code><nowiki>{{infoBox |colorB=lightgreen}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content |colorB=lightgreen}}</div><br />
<div>'''''Optional:''''' specify the middle color gradient of the infoBox as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div><br />
<div><code>colorC</code></div><br />
<div><code>#307</code> (dark blue)</div><br />
<div><code><nowiki>{{infoBox |colorC=lightgreen}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content |colorC=lightgreen}}</div><br />
<div>'''''Optional:''''' specify the bottom right corner color gradient of the infoBox as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div><br />
<div><code>bodyBgColor</code></div><br />
<div><code>#fffc</code> (translucent white)</div><br />
<div><code><nowiki>{{infoBox |bodyBgColor=lightgreen}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content |bodyBgColor=lightgreen}}</div><br />
<div>'''''Optional:''''' specify the body background color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div><br />
<div><code>titleColor</code></div><br />
<div><code>#fff</code> (white)</div><br />
<div><code><nowiki>{{infoBox |titleColor=lightgreen}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content |titleColor=lightgreen}}</div><br />
<div>'''''Optional:''''' specify the title color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div><br />
<div><code>bodyColor</code></div><br />
<div><code>#202122</code> (black)</div><br />
<div><code><nowiki>{{infoBox |bodyColor=green}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content |bodyColor=green}}</div><br />
<div>'''''Optional:''''' specify the title color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div><br />
<div><code>titleAlign</code></div><br />
<div><code>center</code></div><br />
<div><code><nowiki>{{infoBox |titleAlign=left}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content |titleAlign=left}}</div><br />
<div>'''''Optional:''''' specify the title alignment as <code>left</code> or <code>right</code>.</div><br />
<div><code>corner</code></div><br />
<div><code>0.5</code></div><br />
<div><code><nowiki>{{infoBox |corner=1}}</nowiki></code></div><br />
<div>{{infoBox |title=Example |body=Body content |corner=1}}</div><br />
<div>'''''Optional:''''' specify the corner radius in rem units.</div><br />
</div><br />
----<br />
{{infoBoxes}}<br />
<br />
To use a double infoBox template, type:<br />
<br />
<pre><br />
{{infoBoxes<br />
|title1=Example 1<br />
|body1=<br />
|title2=Example 2<br />
|body2=<br />
}}<br />
</pre><br />
<br />
with the title and body when editing the page.<br />
<br />
== Additional parameters ==<br />
<br />
<div style="display:grid;grid-template-columns:repeat(3,max-content) 1fr;gap:1rem;overflow:auto;text-overflow:ellipsis;"><br />
<div style="font-weight:bold;width:8rem;">Parameter</div><br />
<div style="font-weight:bold;width:8rem;">Default value</div><br />
<div style="font-weight:bold;width:8rem;">Example</div><br />
<div style="font-weight:bold;width:8rem;">Description</div><br />
<div><code>title'''#'''</code></div><br />
<div><code>null</code></div><br />
<div><code><nowiki>{{infoBoxes |title2=Example}}</nowiki></code></div><br />
<div>'''''Optional:''''' specify a title.</div><br />
<div><code>body'''#'''</code></div><br />
<div><code>null</code></div><br />
<div><code><nowiki>{{infoBoxes |body2=Body content}}</nowiki></code></div><br />
<div>'''''Optional:''''' specify any body content.</div><br />
<div><code>color'''#'''</code></div><br />
<div><code>linear-gradient</code></div><br />
<div><code><nowiki>{{infoBoxes |color2=green}}</nowiki></code></div><br />
<div>'''''Optional:''''' specify a single color of each infoBox as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div><br />
<div><code>colorD</code></div><br />
<div><code>#00c</code> (blue)</div><br />
<div><code><nowiki>{{infoBoxes |colorD=green}}</nowiki></code></div><br />
<div>'''''Optional:''''' specify the bottom right corner color of the second infoBox as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div><br />
<div><code>title'''#'''color</code></div><br />
<div><code>#fff</code></div><br />
<div><code><nowiki>{{infoBoxes |title2Color=black}}</nowiki></code></div><br />
<div>'''''Optional:''''' specify the title color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div><br />
</div><br />
<br />
----<br />
{{infoBoxes3}}<br />
<br />
To use a triple infoBox template, type:<br />
<br />
<pre><br />
{{infoBoxes3<br />
|title1=Example 1<br />
|body1=<br />
|title2=Example 2<br />
|body2=<br />
|title3=Example 3<br />
|body3=<br />
}}<br />
</pre><br />
<br />
with the title and body when editing the page.<br />
<br />
== Additional parameters ==<br />
<br />
<div style="display:grid;grid-template-columns:repeat(3,max-content) 1fr;gap:1rem;overflow:auto;text-overflow:ellipsis;"><br />
<div style="font-weight:bold;width:8rem;">Parameter</div><br />
<div style="font-weight:bold;width:8rem;">Default value</div><br />
<div style="font-weight:bold;width:8rem;">Example</div><br />
<div style="font-weight:bold;width:8rem;">Description</div><br />
<div><code>colorE</code></div><br />
<div><code>#037</code> (dark cyan)</div><br />
<div><code><nowiki>{{infoBoxes3 |colorE=green}}</nowiki></code></div><br />
<div>'''''Optional:''''' specify the bottom right corner color of the third infoBox as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color CSS color] e.g. <code>green</code>.</div><br />
</div><br />
<br />
== English documentation ==<br />
<br />
* '''[en.doc.boardgamearena.com/Template:InfoBox Template:InfoBox]'''<br />
* '''[en.doc.boardgamearena.com/Wiki_formatting Formatting]'''<br />
</noinclude></div>
DogEgg258