模板:Userbox/doc

使用方式

{{userbox
| bodyclass     = <!--自订HTML Class参数-->
| border-c      = <!--边框色彩 (预设与 id-c 之参数相同)-->
| border-s      = <!--边框像素大小 (预设值：1)-->
| float         = <!--流动对齐方式 left|right|none (预设值：left)-->
| id            = <!--id 图片或文字（选用，预设尺寸是x45px）-->
| id-a          = <!--id 水平对齐方式 left/center/right/justify (预设：center)-->
| id-c          = <!--id 的背景色彩 (预设：#d0d0d0)-->
| id-fc         = <!--id 的文字色彩 (预设：black)-->
| id-h          = <!--id 框的像素大小 (预设：45)-->
| id-lh         = <!--id 行高 (预设：1em)-->
| id-op         = <!--id 的其他 CSS 参数-->
| id-p          = <!--id 的储存格留白值 (预设：0 1px 0 0)-->
| id-s          = <!--id 文字点数 (预设：14)-->
| id-w          = <!--id 框长度 (预设：45)-->
| info-class    = <!--Adds an HTML class attribute to the "info" HTML table-row, to allow for styling, emission of microformats, etc.-->
| info          = <!--info 框图文内容-->
| info-a        = <!--info 框水平对齐方式 left/center/right/justify (预设：left)-->
| info-c        = <!--info 框背景色 (预设：#e0e0e0)-->
| info-fc       = <!--info 框文字色彩 (预设：black)-->
| info-lh       = <!--info 框行高 (预设：1.25em)-->
| info-op       = <!--info 框的其他CSS样式参数-->
| info-p        = <!--info 框的留白值 (预设：0 4px 0 4px)-->
| info-s        = <!--info 文字点数 (预设：9)-->
| nocat         = <!--屏蔽页面分类 (预设：false)-->
| usercategory  = <!--使用者自设分类（选用）-->
| usercategory2 = <!--使用者自设分类（选用）-->
| usercategory3 = <!--使用者自设分类（选用）-->
}}

• 全部参数皆为选填
• 图像建议少于45px

多数基于HTML的表格仅用这些参数的一小部分。以下子集可以用来把HTML用户框快速转换成这里所用的格式：

{{userbox
| border-c      = 
| id            = 
| id-c          = 
| id-fc         = 
| id-s          = 
| info          = 
| info-c        = 
| info-fc       = 
| info-lh       = 
| info-s        = 
| nocat         = {{{nocat|}}}
| usercategory  = 
}}

范例

代码	效果
{{userbox}}	{{{info}}}
{{userbox | border-c = #aaffaa | border-s = 2 | id = foo | id-c = #ffffee | id-s = 20 | info = ''foo bar'' | info-c = #ffeeff | info-s = 12 }}	foo foo bar
以下展示高度超过45px的用户框的默认外观，比较一下上下两个用户框的差异。
{{userbox | border-c = #aaffaa | border-s = 2 | id = foo logo | id-c = #ffffee | info = ''We are trying to see default distance in between text lines, see the distance in between cell content and its border, and also see total height.'' | info-c = #ffeeff }}	foo logo We are trying to see default distance in between text lines, see the distance in between cell content and its border, and also see total height.
以下展示怎样能修改用户框并进一步指定参数来降低用户框的高度以达到推荐的45px，即使有四行文字。在四行文字之下，单元格边距参数info-p也可以设置成1pt 1pt 1pt 2pt，或者1pt 2pt以达到更好的效果。
{{userbox | border-c = #aaffaa | border-s = 1 | id = foo logo | id-c = #ffffee | id-lh = 1.1em | id-s = 14 | info = ''We have specified values to lessen the distance in between text lines & padding space in between cell content and its border.'' | info-c = #ffeeff | info-lh = 1.05em | info-p = 1pt | info-s = 8 }}	foo logo We have specified values to lessen the distance in between text lines & padding space in between cell content and its border.
以下针对高级用户，展示怎样指定其他CSS属性，例如，font-family调整字体，text-align从默认参数调整对齐方式。如下所示，右边是2个用户框：上面一个是不带font-family或text-align参数；下面一个是以填写info-op参数来使用此类代码显示的。
{{userbox | border-c = #afa | border-s = 2 | id = foo logo | id-c = #ffe | id-lh = 1.1em | id-s = 14 | info = foo bar | info-c = #fef | info-op = font-family:'Courier New'; text-align:center; | info-s = 14 }}	foo logo foo bar   foo logo foo bar

模板数据

这是用于新版可视化编辑器和其他工具的模板数据说明文件。

来自Userbox的模板数据

本模板适用于建置用户框，提供使用者在用户页面显示使用者的一些资讯，以免于HTML与Wikitable参数的麻烦。

模板参数

参数		描述	类型	状态
bodyclass	bodyclass	自订HTML Class参数 默认值 id-c	字符串	可选
border-c	border-c	边框色彩	字符串	可选
border-s	border-s	边框像素大小 默认值 1	字符串	可选
float	float	流动对齐方式 left|right|none 默认值 left	字符串	可选
id	id	id 图片或文字（选用） 默认值 x45px	字符串	可选
id-a	id-a	id 水平对齐方式 left/center/right/justify 默认值 center	字符串	可选
id-c	id-c	id 的背景色彩 默认值 #d0d0d0	字符串	可选
id-fc	id-fc	id 的文字色彩 默认值 black	字符串	可选
id-h	id-h	id 框的像素大小 默认值 45	字符串	可选
id-lh	id-lh	id 行高 默认值 1em	字符串	可选
id-op	id-op	id 的其他 CSS 参数	字符串	可选
id-p	id-p	id 的储存格留白值 默认值 0 1px 0 0	字符串	可选
id-s	id-s	id 文字点数 默认值 14	字符串	可选
id-w	id-w	id 框长度，单位是像素 默认值 45	字符串	可选
info-class	info-class	Adds an HTML class attribute to the “info” HTML table-row, to allow for styling, emission of microformats, etc.	字符串	可选
info	info	info 框图文内容	字符串	可选
info-a	info-a	info 框水平对齐方式 left/center/right/justify 默认值 left	字符串	可选
info-c	info-c	info 框背景色 默认值 #e0e0e0	字符串	可选
info-fc	info-fc	info 框文字色彩 默认值 black	字符串	可选
info-lh	info-lh	info 框行高 默认值 1.25em	字符串	可选
info-op	info-op	info 框的其他CSS样式参数	字符串	可选
info-p	info-p	info 框的留白值 默认值 0 4px 0 4px	字符串	可选
info-s	info-s	info 文字点数 默认值 9	字符串	可选
nocat	nocat	屏蔽页面分类 默认值 false	字符串	可选
usercategory	usercategory	使用者自设分类（选用）	字符串	可选
usercategory2	usercategory2	使用者自设分类（选用）	字符串	可选
usercategory3	usercategory3	使用者自设分类（选用）	字符串	可选