用戶:玄微子/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