User:玄微子/Userpage/Userbox

文档  

这个文档是内联文档。

转载自MJH，已有部分修改：

• 文本改为居中显示。
• 左栏背景色默认为mainc参数的颜色，左右ID默认颜色为#FFF。

本模板为MJH流用户框模板，完全不考虑与现有诸用户框模板的兼容。

尺寸

本模板宽290px，高65px，四周有5px的外边距（margin）。考虑到外框（border）对用户框的总体表现效果不大，本模板不设外框。

测	这是{{Userbox}}的尺寸。

这是本模板的尺寸。

参数

• bg：用户框背景。默认为#FFF。使用linear-gradient时须注意bg的范围是整个用户框，而不仅是去除两侧的ID框之后剩余的范围。
• content：用户框内容。默认为空。
  • content-c：用户框内容颜色。默认为#000。
  • content-s：用户框内容字号。默认为12px。
• id-l：左ID框内容，留空则不生成左ID框。
  • id-l-bg：左ID框背景色，留空则按透明处理。
  • id-l-c：左ID框内容颜色。默认为#000。
  • id-l-s：左ID框内容字号。默认为24px。
• id-r：右ID框内容，留空则不生成右ID框。
  • 其他右ID框参数名称与左ID框参数格式相同，只需将l换成r。

使用例

无ID框

{{User:玄微子/Userpage/Userbox|bg=#CCC|content=该用户做了一个测试。}}↓

该用户做了一个测试。

{{User:玄微子/Userpage/Userbox|bg=linear-gradient(to right, red, blue)|content=该用户认为自古红蓝出CP。|content-c=white}}↓

该用户认为自古红蓝出CP。

有ID框

{{User:玄微子/Userpage/Userbox|content=该用户仍在期望[[Steam|G胖]]能数到3。|id-l=2+<br />0.5|id-l-bg=#CCC}}↓

2+
0.5

该用户仍在期望G胖能数到3。

{{User:玄微子/Userpage/Userbox|bg=linear-gradient(to bottom, rgb(229,38,140), #FFF)|content=该用户是[[JOJO的奇妙冒险]]的读者。|id-r=黄金<br />精神|id-r-bg=rgb(237,36,36)|id-r-c=gold}}↓

黄金
精神

该用户是JOJO的奇妙冒险的读者。

{{User:玄微子/Userpage/Userbox|bg=gold|content=该用户认为[[丰聪耳神子]]的耳机应该是这样的。|id-l=日|id-l-bg=purple|id-l-c=gold|id-l-s=32px|id-r=和|id-r-bg=purple|id-r-c=gold|id-r-s=32px}}↓

日

和

该用户认为丰聪耳神子的耳机应该是这样的。

长内容

本模板与{{Userbox}}对于长内容的处理方式并不相同：{{Userbox}}会按需放大用户框，但本模板为了排列整齐，绝不会放大。

为了鼓励用户选择尽量紧凑的ID，ID框的长内容将被截断隐藏（overflow:hidden）；而用户框主体的长内容则会被加上一个滚动条（overflow:auto）。具体效果如下：

{{User:玄微子/Userpage/Userbox|content=大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9}}↓

大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9

{{User:玄微子/Userpage/Userbox|content=qwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnm}}↓

qwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnmqwertyuiopasdfghjklzxcvbnm

{{User:玄微子/Userpage/Userbox|content=该用户过于喜欢测试。|id-l=大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9}}↓

大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9

该用户过于喜欢测试。

{{User:玄微子/Userpage/Userbox|content=该用户测试起来没完了。|id-l=qwertyuiopasdfghjklzxcvbnm}}↓

qwertyuiopasdfghjklzxcvbnm

该用户测试起来没完了。

此外，也可靠手动缩小字号来避免内容出框（对Chromium内核浏览器不适用）：

{{User:玄微子/Userpage/Userbox|content=大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9|content-s=9px}}↓

大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9大量文字1大量文字2大量文字3大量文字4大量文字5大量文字6大量文字7大量文字8大量文字9