- 致编者:请牢记我们的域名wiki.mcbe-dev.net!
- 致编者:欢迎加入本Wiki的官方交流QQ群或Discord服务器!
- 基岩版1.19.31现已发布!(了解更多)
- Inner Core现已支持Xbox模组联机!(了解更多)
- 如果您是第一次来到本Wiki,欢迎注册一个账户
- 点击顶部的“编辑”或“编辑源代码”按钮即可编辑当前页面
- 请知悉:在不登录时也可以编辑和新建页面,但是您当前的IP地址会记录在编辑历史中
模板:Userbox
出自Minecraft基岩版开发Wiki
此模板可在不需要熟悉HTML或Wiki語法的情況下快速建立一個用於在使用者頁面上顯示的使用者框。
要檢視使用者框列表,詳見Minecraft基岩版開發Wiki:Userbox.
用途[編輯]
{{userbox | bodyclass = <!--自定义 HTML class参数,如样式化和微格式等--> | float = <!--id 流动对齐方式 left|right|none (默认为left)--> | border-c = <!--边框颜色(默认为id-c)--> | border-s = <!--以像素为单位的边框宽度(默认为1)--> | id = <!--id 的图像或者(以及)是文字--> | id-a = <!--id 的水平对齐方式 left/center/right/justify (默认为center)--> | id-c = <!--id 的背景颜色(默认为#d0d0d0)--> | id-fc = <!--id 字体颜色(默认为black)--> | id-s = <!--id 以点数为单位的文本大小(默认为14)--> | id-p = <!--id 的储存格留白值(默认为0 1px 0 0)--> | id-lh = <!--id 框行高(默认为1.25em)--> | id-op = <!--id 框的其它CSS参数--> | id-w = <!--id 框以像素为单位的框宽度(默认为45)--> | id-h = <!--id 框以像素为单位的框高度(默认为45)--> | info-class = <!--向“info”HTML表格行添加一个HTML class特性以进行样式化和微格式等--> | info = <!--info 框的文字或者(以及)是文字--> | info-a = <!--info 框的水平对齐方式 left/center/right/justify (默认为left)--> | info-c = <!--info 框背景颜色(默认为#e0e0e0)--> | info-fc = <!--info 框字体颜色(默认为black)--> | info-s = <!--info 框以点数为单位的文字大小(默认为8)--> | info-p = <!--info 的储存格留白值(默认为0 4px 0 4px)--> | info-lh = <!--info 框的行高度(默认为1.25em)--> | info-op = <!--info 框的其它CSS参数--> | nocat = <!--屏蔽页面分类(默认为false)--> | usercategory = <!--用户分类(可选)--> | usercategory2 = <!--用户分类(可选)--> | usercategory3 = <!--用户分类(可选)--> }}
- 所有參數都是可選的。
- 圖片應該被縮放至45x45px或者更小。
多數基於HTML的表只使用下列少數特性中的一個。下列的程式碼可用來快速把一個HTML使用者框轉換為要使用的格式:
{{userbox | border-c = | info-c = | id-c = | id-fc = | id-s = | id = | info-fc = | info-lh = | info-s = | info = | nocat = {{{nocat|}}} | usercategory = }}
範例[編輯]
程式碼 | 效果 | |
---|---|---|
{{userbox}} |
id
info
| |
{{userbox | id = foo | id-s = 20 | id-c = #ffffee | info = ''foo bar'' | info-c = #ffeeff | info-s = 12 | border-c = #aaffaa | border-s = 2 }} |
foo
foo bar
| |
下面的範例展示了使用者框的預設外觀,它的高度大於45px。對比下面和上面之間的使用者框。 | ||
{{userbox | id = foo logo | id-c = #ffffee | info = ''我们正在尝试查看默认行距以及列内容、边框之间的默认距离,以及整个用户框的默认高度。'' | info-c = #ffeeff | border-c = #aaffaa | border-s = 2 }} |
foo logo
我們正在嘗試檢視預設行距以及列內容、邊框之間的預設距離,以及整個使用者框的預設高度。
| |
下面的範例顯示了如何改變定義了幾個參數以降低使用者框的高度至推薦高度45px的帶有4行文字的使用者框。列間距參數「info-p」可以設定為「1pt 1pt 1pt 2pt」,也可以為「1pt 2pt」顯示4行文字以獲得最佳效果。 | ||
{{userbox | id = foo logo | id-s = 14 | id-c = #ffffee | id-lh = 1.1em | info = ''我们已经指定了减少行距的值和列内容间、边框之间的间距的值。'' | info-c = #ffeeff | info-s = 8 | info-p = 1pt | info-lh = 1.05em | border-c = #aaffaa | border-s = 1 }} |
foo logo
我們已經指定了減少行距的值和列內容間、邊框之間的間距的值。
| |
下面的範例面向高級使用者。此範例顯示了如何定義其它的CSS參數,例如定義「font-family」來變更使用者框的字型,定義「text-decoration」來變更文字修飾。右下方有2個使用者框:上面一個沒有帶「font-family」和「text-decoration」參數,下面的那個則使用了如下所示的藉助了「info-op」欄位的程式碼。 | ||
{{userbox | 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'; text-decoration: overline; | border-c = #afa | border-s = 2 }} |
foo logo
foo bar
foo logo
foo bar
|
微格式[編輯]
- bodyclass:此參數的值會被插入到整個使用者框的「class」特性中。
- info-class:此參數的值會被插入到info元件的「class」特性中。
此模板支援附加的微格式資訊。這是透過向不同的資料列插入「class」特性來完成的,指示出應包含何種資訊。例如,要標記一個含有關於一個人的hCard資訊使用者框,需要加入下列參數:
| bodyclass = vcard
或
| info-class = vcard
然後(範例):
| title = ...the books of <span class="fn">[[Iain Banks]]</span>
...以及加入其它使用者需要的參數。