对南科wiki有疑问？欢迎加入南科wiki的QQ群：301515560
“模板:Infobox”的版本间的差异
（使用html而非模板样式设置样式） |
|||
| （未显示同一用户的2个中间版本） | |||
| 第1行： | 第1行： | ||
<templatestyles src="Infobox/styles.css" /> | <templatestyles src="Infobox/styles.css" /> | ||
| − | <div id="infobox"><div id="outer-title"> | + | <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"> |
| − | + | {{{image|}}}{{{caption|}}} | |
</div><div id="infobox-table"> | </div><div id="infobox-table"> | ||
| − | {{{table}}} | + | {{{table|}}} |
</div></div></div> | </div></div></div> | ||
<noinclude>{{文档}}</noinclude> | <noinclude>{{文档}}</noinclude> | ||
| + | |||
| + | <html> | ||
| + | <style> | ||
| + | @media only screen and (max-width: 600px){ | ||
| + | #infobox{ | ||
| + | width: 100%; | ||
| + | } | ||
| + | } | ||
| + | @media only screen and (min-width: 601px){ | ||
| + | #infobox{ | ||
| + | margin-left: 20px; | ||
| + | margin-right: 20px; | ||
| + | margin-bottom: 20px; | ||
| + | width:290px; | ||
| + | float:right; | ||
| + | } | ||
| + | } | ||
| + | #infobox{ | ||
| + | word-wrap:break-word; | ||
| + | padding: 2px; | ||
| + | } | ||
| + | #outer-title{ | ||
| + | word-wrap:break-word; | ||
| + | text-align: center; | ||
| + | margin: 1px; | ||
| + | } | ||
| + | #main-box{ | ||
| + | word-wrap:break-word; | ||
| + | background: rgb(248, 249, 250); | ||
| + | border: solid 1px rgb(162, 169, 177); | ||
| + | text-align: center; | ||
| + | } | ||
| + | #inner-title{ | ||
| + | word-wrap:break-word; | ||
| + | text-align: center; | ||
| + | margin: 1px; | ||
| + | } | ||
| + | #infobox-image{ | ||
| + | margin-left: 5%; | ||
| + | margin-right: 5%; | ||
| + | margin-top: 8px; | ||
| + | text-align: center; | ||
| + | word-wrap:break-word; | ||
| + | |||
| + | } | ||
| + | #infobox-image img{ | ||
| + | width: auto; | ||
| + | height: auto; | ||
| + | max-width: 100%; | ||
| + | max-height: 100%; | ||
| + | } | ||
| + | #infobox-table{ | ||
| + | padding: 5%; | ||
| + | } | ||
| + | #infobox-table hr{ | ||
| + | color:rgb(162, 169, 177); | ||
| + | width: 100%; | ||
| + | } | ||
| + | #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的最新版本
这个模板是用作信息框在条目中有条理地展示某些信息。此文档右侧就有一个信息框的样例。
信息框所在的南科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
{{!}}-
{{!}} 用途 {{!}}{{!}} 有条理地展示信息
{{!}}}
}}
举例二，有图片的简单信息框
信息框所在的南科wiki的logo
| 名称 | 信息框 |
| 英文 | Infobox |
| 用途 | 有条理地展示信息 |
代码：
{{infobox
|outer-title='''信息框'''
|image=[[文件:Sustc wiki logo.png]]
|caption=信息框所在的南科wiki的logo
|table=
{{{!}} class="wikitable"
{{!}}-
{{!}} 名称 {{!}}{{!}} 信息框
{{!}}-
{{!}} 英文 {{!}}{{!}} Infobox
{{!}}-
{{!}} 用途 {{!}}{{!}} 有条理地展示信息
{{!}}}
}}
举例三，带图片的较复杂的信息框
一个实用的模板
信息框所在的南科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
{{!}}}
}}
重定向
