本模板適用於建置用戶框,提供使用者在用戶頁面顯示使用者的一些資訊,以免於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 = <!--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)-->
| usercategory = <!--使用者自設分類(選用)-->
| usercategory2 = <!--使用者自設分類(選用)-->
}}
代码
|
效果
|
{{userbox-r}} |
|
{{userbox-r
| id = foo
| id-s = 20
| id-c = #ffffee
| info = ''foo bar''
| info-c = #ffeeff
| info-s = 12
| border-c = #aaffaa
| border-s = 2
}} |
|
以下展示高度超过45px的用户框的默认外观,比较一下上下两个用户框的差异。
|
{{userbox-r
| id = foo logo
| id-c = #ffffee
| info = ''We are trying to see
default distance in between text
lines, and, see the distance in
between cell content and its border
and also see total height.''
| info-c = #ffeeff
| border-c = #aaffaa
| border-s = 2
}} |
We are trying to see default distance in between text lines, and, see the distance in between cell content and its border and also see total height. | foo logo |
|
以下展示怎样能修改用户框并进一步指定参数来降低用户框的高度以达到推荐的45px,即使有四行文字。在四行文字之下,单元格边距参数info-p也可以设置成1pt 1pt 1pt 2pt,或者1pt 2pt以达到更好的效果。
|
{{userbox-r
| id = foo logo
| id-s = 14
| id-c = #ffffee
| id-lh = 1.1em
| 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-s = 8
| info-p = 1pt
| info-lh = 1.05em
| border-c = #aaffaa
| border-s = 1
}} |
We have specified values to lessen the distance in between text lines & padding space in between cell content and its border. | foo logo |
|
以下针对高级用户,展示怎样指定其他CSS属性,例如,font-family调整字体家族,text-align从默认参数调整对齐方式。如下所示,右边是2个用户框:上面一个是不带font-family或text-align参数;下面一个是以填写info-op参数来使用此类代码显示的。
|
{{userbox-r
| id = foo logo
| id-s = 14
| id-c = #ffe
| id-lh = 1.1em
| info = foo bar
| info-c = #fef
| info-s = 14
| info-op = font-family:'Courier New';
| border-c = #afa
| border-s = 2
}} |
|
多数基于HTML的表格仅用这些参数的一小部分。以下子集可以用来把HTML用户框快速转换成这里所用的格式:
{{userbox-r
| border-c =
| info-c =
| id-c =
| id-fc =
| id-s =
| id =
| info-fc =
| info-s =
| info-lh =
| info =
}}