模板:Userbox

出自維基導遊
{{{info}}}
文件圖示 模板文件[檢視] [編輯] [歷史] [清除快取]

模板介紹[編輯]

本模板適用於建置用戶框,提供使用者在用戶頁面顯示使用者的一些資訊,以免於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         = <!--block page category declarations (default=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
}}
foofoo 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 logoWe 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 logoWe 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 logofoo bar

 
foo logofoo bar

模板數據[編輯]

本模板適用於建置用戶框,提供使用者在用戶頁面顯示使用者的一些資訊,以免於HTML與Wikitable參數的麻煩。

模板參數[編輯模板資料]

參數描述類型狀態
bodyclassbodyclass

自訂HTML Class參數

預設
id-c
字串非必填
border-cborder-c

邊框色彩

預設
字串非必填
border-sborder-s

邊框像素大小

預設
1
字串非必填
floatfloat

流動對齊方式 left|right|none

預設
left
字串非必填
idid

id 圖片或文字(選用)

預設
x45px
字串非必填
id-aid-a

id 水平對齊方式 left/center/right/justify

預設
center
字串非必填
id-cid-c

id 的背景色彩

預設
#d0d0d0
字串非必填
id-fcid-fc

id 的文字色彩

預設
black
字串非必填
id-hid-h

id 框的像素大小

預設
45
字串非必填
id-lhid-lh

id 行高

預設
1em
字串非必填
id-opid-op

id 的其他 CSS 參數

預設
字串非必填
id-pid-p

id 的儲存格留白值

預設
0 1px 0 0
字串非必填
id-sid-s

id 文字點數

預設
14
字串非必填
id-wid-w

id 框長度,單位是像素

預設
45
字串非必填
info-classinfo-class

Adds an HTML class attribute to the &ldquo;info&rdquo; HTML table-row, to allow for styling, emission of microformats, etc.

預設
字串非必填
infoinfo

info 框圖文內容

預設
字串非必填
info-ainfo-a

info 框水平對齊方式 left/center/right/justify

預設
left
字串非必填
info-cinfo-c

info 框背景色

預設
#e0e0e0
字串非必填
info-fcinfo-fc

info 框文字色彩

預設
black
字串非必填
info-lhinfo-lh

info 框行高

預設
1.25em
字串非必填
info-opinfo-op

info 框的其他CSS樣式參數

預設
字串非必填
info-pinfo-p

info 框的留白值

預設
0 4px 0 4px
字串非必填
info-sinfo-s

info 文字點數

預設
8
字串非必填
nocatnocat

block page category declarations

預設
false
字串非必填
usercategoryusercategory

使用者自設分類(選用)

預設
字串非必填
usercategory2usercategory2

使用者自設分類(選用)

預設
字串非必填
usercategory3usercategory3

使用者自設分類(選用)

預設
字串非必填