Template:Userbox/doc

模板介绍

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

使用方式

{{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}}	id 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

微格式

bodyclass 

This parameter is inserted into the "class" attribute for the userbox as a whole.

info-class 

This parameter is inserted into the "class" attribute for the info component.

This template supports the addition of microformat information. This is done by adding "class" attributes to various data cells, indicating what kind of information is contained within. To flag a userbox as containing hCard information about a person, for example, add the following parameter:

| bodyclass     = vcard

or

| info-class    = vcard

then (for example):

| title         = …the books of <span class="fn">[[Iain Banks]]</span>

...and so forth.

有關微格式的參數設置，請參考微格式專題。