对南科wiki有疑问？欢迎加入南科wiki的QQ群：301515560

“模板:Infobox”的版本间的差异

来自南科wiki
（创建页面，内容为“<div class="infobox"> <div class="infobox-title">{{{title|{{PAGENAME}}}}}</div>{{#if:{{{imagen|}}}| <div class="infobox-image">[[File:{{{image}}}|300px]]</div>}}…”）
 
（使用html而非模板样式设置样式）
 
（未显示同一用户的4个中间版本）
第1行： 第1行：
−
<div class="infobox">  
+
<templatestyles src="Infobox/styles.css" />
−
<div class="infobox-title">{{{title|{{PAGENAME}}}}}</div>{{#if:{{{imagen|}}}|
+
<div id="infobox"><div id="outer-title">{{{outer-title|}}}</div><div id="main-box"><div id="inner-title">{{{inner-title|}}}</div><div id="infobox-image">
−
<div class="infobox-image">[[File:{{{image}}}|300px]]</div>}}
+
{{{image|}}}{{{caption|}}}
−
<table>{{#if:{{{param1|}}}|<tr>  
+
</div><div id="infobox-table">
−
    <th>Parameter 1</th>  
+
{{{table|}}}
−
    <td>{{{param1}}}</td>
+
</div></div></div>
−
</tr>}}{{#if:{{{param2|}}}|<tr>
+
<noinclude>{{文档}}</noinclude>
−
    <th>Parameter 2</th>  
+
 
−
    <td>{{{param2}}}</td>  
+
<html>
−
</tr>}}{{#if:{{{param3|}}}|<tr>
+
<style>
−
    <th>Parameter 3</th>  
+
@media only screen and (max-width: 600px){
−
    <td>{{{param3}}}</td>  
+
#infobox{
−
</tr>}}{{#if:{{{param4|}}}|<tr>  
+
width: 100%;
−
    <th>Parameter 4</th>  
+
}
−
    <td>{{{param4}}}</td>
+
}
−
</tr>}}{{#if:{{{param5|}}}|<tr>
+
@media only screen and (min-width: 601px){
−
    <th>Parameter 5</th>
+
#infobox{
−
    <td>{{{param5}}}</td>
+
margin-left: 20px;
−
</tr>}}{{#if:{{{param6|}}}|<tr>
+
margin-right: 20px;
−
    <th>Parameter 6</th>
+
margin-bottom: 20px;
−
    <td>{{{param6}}}</td>
+
width:290px;
−
</tr>}}{{#if:{{{param7|}}}|<tr>
+
float:right;
−
    <th>Parameter 7</th>
+
}
−
    <td>{{{param7}}}</td>
+
}
−
</tr>}}{{#if:{{{param8|}}}|<tr>
+
#infobox{
−
    <th>Parameter 8</th>
+
word-wrap:break-word;
−
    <td>{{{param8}}}</td>
+
padding: 2px;
−
</tr>}}{{#if:{{{param9|}}}|<tr>
+
}
−
    <th>Parameter 9</th>
+
#outer-title{
−
    <td>{{{param9}}}</td>
+
word-wrap:break-word;
−
</tr>}}{{#if:{{{param10|}}}|<tr>
+
text-align: center;
−
    <th>Parameter 10</th>
+
margin: 1px;
−
    <td>{{{param10}}}</td>
+
}
−
</tr>}}{{#if:{{{param11|}}}|<tr>
+
#main-box{
−
    <th>Parameter 11</th>
+
word-wrap:break-word;
−
    <td>{{{param11}}}</td>
+
background: rgb(248, 249, 250);
−
</tr>}}{{#if:{{{param12|}}}|<tr>
+
border: solid 1px rgb(162, 169, 177);
−
    <th>Parameter 12</th>
+
text-align: center;
−
    <td>{{{param12}}}</td>
+
}
−
</tr>}}{{#if:{{{param13|}}}|<tr>
+
#inner-title{
−
    <th>Parameter 13</th>
+
word-wrap:break-word;
−
    <td>{{{param13}}}</td>
+
text-align: center;
−
</tr>}}{{#if:{{{param14|}}}|<tr>
+
margin: 1px;
−
    <th>Parameter 14</th>
+
}
−
    <td>{{{param14}}}</td>
+
#infobox-image{
−
</tr>}}{{#if:{{{param15|}}}|<tr>
+
margin-left: 5%;
−
    <th>Parameter 15</th>
+
margin-right: 5%;
−
    <td>{{{param15}}}</td>
+
margin-top: 8px;
−
</tr>}}{{#if:{{{param16|}}}|<tr>
+
text-align: center;
−
    <th>Parameter 16</th>
+
word-wrap:break-word;
−
    <td>{{{param16}}}</td>
+
 
−
</tr>}}{{#if:{{{param17|}}}|<tr>
+
}
−
    <th>Parameter 17</th>
+
#infobox-image img{
−
    <td>{{{param17}}}</td>
+
width: auto;
−
</tr>}}{{#if:{{{param18|}}}|<tr>
+
height: auto;
−
    <th>Parameter 18</th>
+
max-width: 100%;
−
    <td>{{{param18}}}</td>
+
max-height: 100%;
−
</tr>}}{{#if:{{{param19|}}}|<tr>
+
}
−
    <th>Parameter 19</th>
+
#infobox-table{
−
    <td>{{{param19}}}</td>
+
padding: 5%;
−
</tr>}}{{#if:{{{param20|}}}|<tr>
+
}
−
    <th>Parameter 20</th>
+
#infobox-table hr{
−
    <td>{{{param20}}}</td>
+
color:rgb(162, 169, 177);
−
</tr>}}</table>  
+
width: 100%;
−
</div>
+
}
 +
#infobox-table td:first-child{
 +
font-weight: bold;
 +
}
 +
#infobox-table table{
 +
word-wrap:break-word;
 +
width:95%;
 +
border: none;
 +
margin: 2px;
 +
}
 +
#infobox-table tbody{
 +
word-wrap:break-word;
 +
border: none;
 +
}
 +
#infobox-table tr{
 +
border: none;
 +
word-wrap:break-word;
 +
}
 +
#infobox-table td{
 +
word-wrap:break-word;
 +
border: none;
 +
text-align: left;
 +
}
 +
</style>
 +
</html>

2019年11月24日 (日) 20:59的最新版本

180px-Test Template Info-Icon.png
模板文档 查看
这个模板是用作信息框在条目中有条理地展示某些信息。此文档右侧就有一个信息框的样例。
信息框

Sustc wiki logo.png信息框所在的南科wiki的logo

名称 信息框
英文 Infobox
用途 有条理地展示信息


参数

这个模板一共有5个参数，其中1个必选参数。这5个参数分别是outer-title（框外标题）、inner-title（框内标题）、image（图片）、caption（图片说明）和table（信息主体），其中table（信息主体）是必选参数，其他的4个参数是可选参数。详细说明如下：

table（信息框主体，必选）

信息框内容的主体，由一个或若干个表格与文本组成。一般来说，表格用于列举信息，文本可灵活地用于一般的说明。最简单的信息框有一个表格就够了（如果只有一份文本的话就没必要使用到信息框了）。如果信息比较复杂，可能会用到多组表格与/或文本。不同的表格与文本之间可以灵活地使用分割线标签<hr />分隔。

插入的表格为一个2列任意行的表格，使用wiki系统自带的表格格式即可，可在编辑器中选择插入表格，取消“添加标题行”的选项即可插入。需要注意的是，由于此处表格是作为一个参数传入，而不同参数的分隔符是竖线|，因此表格格式中包含的竖线|需要替换为{{!}}以避免参数识别错误。

举例来说，以下代码为默认的wiki系统表格格式： 

{| class="wikitable"
|-
| 示例 || 示例
|-
| 示例 || 示例
|-
| 示例 || 示例
|}

应该替换为： 

{{{!}} class="wikitable"
{{!}}-
{{!}} 示例 {{!}}{{!}} 示例
{{!}}-
{{!}} 示例 {{!}}{{!}} 示例
{{!}}-
{{!}} 示例 {{!}}{{!}} 示例
{{!}}}

如果有多组表格与文本需要放在信息框内，则参考下列代码： 

第一组表格
{{{!}} class="wikitable"
{{!}}-
{{!}} 示例 {{!}}{{!}} 示例
{{!}}-
{{!}} 示例 {{!}}{{!}} 示例
{{!}}}
<hr />
第二组表格
{{{!}} class="wikitable"
{{!}}-
{{!}} 示例 {{!}}{{!}} 示例
{{!}}-
{{!}} 示例 {{!}}{{!}} 示例
{{!}}-
{{!}} 示例 {{!}}{{!}} 示例
{{!}}}
<hr />
结尾说明

标题（可选，建议使用）

信息框的标题分为外标题（标题在框外）和内标题（标题在框内）两种，分别对应outer-title和inner-title两个参数，标题参数建议选取，内外选一即可。需要注意的是，为了方便灵活设置标题（比如设置不加粗的副标题），信息框模板没有对标题进行自动加粗，标题一般需要加粗，所以请根据实际需求在标题参数内设置加粗。

举例： 

'''一个标题'''
'''一个主标题'''<br />一个副标题

图片（可选）

图片有两个参数，分别是image和caption，image用于指明图片地址，caption用于在图片下面对图片进行说明。

要使用的图片首先应该位于南科wiki站内或者维基共享资源站内，如无图片请先上传。

image参数的格式举例是： 

[[文件:Sustc wiki logo.png]]

caption的举例是： 

这是对图片的文字说明

用法举例

举例一，没有图片的简单信息框

信息框
名称 信息框
英文 Infobox
用途 有条理地展示信息


代码： 

{{infobox
|inner-title='''信息框'''
|table=
{{{!}} class="wikitable"
{{!}}-
{{!}} 名称 {{!}}{{!}} 信息框
{{!}}-
{{!}} 英文 {{!}}{{!}} Infobox
{{!}}-
{{!}} 用途 {{!}}{{!}} 有条理地展示信息
{{!}}}
}}

举例二，有图片的简单信息框

信息框

Sustc wiki logo.png信息框所在的南科wiki的logo

名称 信息框
英文 Infobox
用途 有条理地展示信息


代码： 

{{infobox
|outer-title='''信息框'''
|image=[[文件:Sustc wiki logo.png]]
|caption=信息框所在的南科wiki的logo
|table=
{{{!}} class="wikitable"
{{!}}-
{{!}} 名称 {{!}}{{!}} 信息框
{{!}}-
{{!}} 英文 {{!}}{{!}} Infobox
{{!}}-
{{!}} 用途 {{!}}{{!}} 有条理地展示信息
{{!}}}
}}









举例三，带图片的较复杂的信息框

信息框
一个实用的模板

Sustc wiki logo.png信息框所在的南科wiki的logo

名称

名称 信息框
英文 Infobox

用途
用于有条理地整理展示信息。

技术

框架 mediawiki的模板功能
实现 HTML+CSS


代码： 

{{infobox
|inner-title='''信息框'''<br />一个实用的模板
|image=[[文件:Sustc wiki logo.png]]
|caption=信息框所在的南科wiki的logo
|table=
'''名称'''
{{{!}} class="wikitable"
{{!}}-
{{!}} 名称 {{!}}{{!}} 信息框
{{!}}-
{{!}} 英文 {{!}}{{!}} Infobox
{{!}}}
<hr />
'''用途'''<br />
用于有条理地整理展示信息。
<hr />
'''技术'''
{{{!}} class="wikitable"
{{!}}-
{{!}} 框架 {{!}}{{!}} mediawiki的模板功能
{{!}}-
{{!}} 实现 {{!}}{{!}} HTML+CSS
{{!}}}
}}

重定向

取自“https://sustc.wiki/index.php?title=模板:Infobox&oldid=1985”