模板:Message box/doc:修订间差异

添加54字节 、​ 2023年9月30日 (星期六)
//Edit via InPageEdit
(建立内容为“{{documentation header}} {{shortcut|msgbox}} === 普通信息框 === <pre style="width: 280px;"> {{msgbox | title = 这是一个普通的信息框 | text = 还有…”的新页面)
 
(//Edit via InPageEdit)
第1行:
{{documentation header}}
{{From mcwzh
| page = Template:Message box
| sync = 1
| revision = 771967
| docrevision = 809359
}}
{{shortcut|msgbox}}
该模板用于向消息框添加一致的样式。
=== 普通信息框 ===
<pre style="width: 280px;">
{{msgbox
| title = 这是一个普通的信息框
| text = 还有叙述性的副文本
}}
</pre>
 
请注意,在页面源代码中将该模板与{{t|tag}}置于同一行时会导致{{tcode|tag}}换行出错。
会这么显示:
{{msgbox| title = 这是一个普通的信息框 | text = 还有叙述性的副文本}}
 
你还可以调整字体大小
 
=== 基本用法 ===
<pre style="width: 280px;">
{{msgbox
| title = 这是一个普通的息框
| text = 还有叙述性的副文本,而且字体变大了。正常情况下字体大小为14px
| font-size = 16px
}}
</pre>
 
会这么将如此显示:
 
{{msgbox
| title = 这是一个普通的息框
| text = 还有叙述性的副文本,而且字体变大了。正常情况下字体大小为14px
| font-sizenocat = 16px1
}}
 
=== 微型信息框用法 ===
<pre style="width: 560px;">
{{msgbox
| mini = 1
| icon = 8
| text = 这是一个有图标并且使用[[Template:CommentSprite]]的微型息框
}}
</pre>
 
将如此显示:
{{msgbox
{{msgbox| mini = 1 | icon = 8 | text = 这是一个有图标并且使用[[Template:CommentSprite]]的微型信息框}}
| mini = 1
=== 高级信息框 ===
| icon = 8
{{msgbox| mini = 1 | icon = 8 | text = 这是一个有图标并且使用[[Template:CommentSprite]]的微型息框}}
| nocat = 1}}
 
=== 高级信息框用法 ===
<pre style="width: 485px;">
{{msgbox
| bgcol = #eef
| linecol = #ddf
| title = 这是一个蓝色的息框
| text = 它包含一个讨论链接和自定义CSS代码
| discuss = 1
第54行 ⟶ 第55行:
 
将如此显示:
{{msgbox
{{msgbox| bgcol = #eef | linecol = #ddf | title = 这是一个蓝色的信息框 | text = 它包含一个讨论链接和自定义CSS代码 | discuss = 1 = 340px | css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;}}
| bgcol = #eef
| linecol = #ddf
| title = 这是一个普通蓝色息框
| text = 它包含一个讨论链接和自定义CSS代码
| discuss = 1
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;
| nocat = 1}}
 
<pre style="width: 485px;">
第60行 ⟶ 第68行:
| bgcol = #eef
| linecol = #ddf
| title = 这是一个蓝色息框
| text = 它包含讨论链接,自定义的CSS代码以及一个自定义图片
| discuss = 1
第69行 ⟶ 第77行:
 
将如此显示:
{{msgbox
{{msgbox| bgcol = #eef | linecol = #ddf | title = 这是一个蓝色信息框 | text = 它包含讨论链接,自定义的CSS代码以及一个自定义图片 | discuss = 1 | css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888; | image = Bot.png}}
| bgcol = #eef
| linecol = #ddf
| title = 这是一个蓝色消息框
| text = 它包含讨论链接,自定义的CSS代码以及一个自定义图片
| discuss = 1
| image = Bot.png
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;
| nocat = 1}}
 
自定义图片的尺寸还可以使用"imagewidthimagesize"来指定,例如:<code>imagewidthimagesize = 50px</code>
 
=== 高级微型信息框用法 ===
<pre style="width: 680px;">{{msgbox
| mini = 1
第80行 ⟶ 第96行:
| linecol = #ddf
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;
| text = 这是一个微型息框,类似于上边的高级息框。
}}</pre>
 
将如此显示:
将如此显示: {{msgbox| mini = 1 | bgcol = #eef | linecol = #ddf | text = 这是一个微型信息框,类似于上边的高级信息框。 | css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888; | image = Bot.png}}
{{msgbox
| mini = 1
| image = Bot.png
| bgcol = #eef
| linecol = #ddf
| css = -moz-box-shadow: 0px 0px 6px #888; -webkit-box-shadow: 0px 0px 6px #888;
| text = 这是一个微型消息框,类似于上边的高级消息框。
| nocat = 1}}
它的图片同样也能选择尺寸。
<includeonly>
 
<!-- 模板分类和跨语言链接 -->
[[Category:通知模板]]
 
</includeonly>
<noinclude>
<!-- 文档分类和跨语言链接 -->
 
</noinclude>
2,007

个编辑