Template talk:Userbox
新的用户框模板代码
我把用户框模板重写了,新代码放在这里,管理员拿去吧。--Great Brightstar(讨论) 2016年2月3日 (三) 23:16 (CST)
与现有Template:Userbox的对比 --D41D8CD98F00B204E9800998ECF8427E 2016年2月3日 (三) 23:35 (CST)
。。。。看不懂代码的我跪了。--丝毫没有存在感的某蓝色管理员(讨论) 2016年2月3日 (三) 23:42 (CST)
- 也就是增加了對分類的控制,可以直接在模板中填寫分類?--Notalgia-Contαct- 2016年2月3日 (三) 23:46 (CST)
- (+)支持 五年过去了,不知如今是否可以再次检讨是否跟随更新为维基百科目前所使用的调用模块的用户框模板?除了萌百不使用的分类参数,新的模板提供了更多的控制参数如align、padding,甚至可以通过id-op/info-op实现更多css功能,相信一定程度上更能够激励创作和提高社区活跃度。——兔饼(留言) 2021年4月14日 (三) 13:31 (CST)
编辑请求 - ScarletteDreamme
由ScarletteDreamme提出的编辑请求:
- 状态: 搁置
将原内容修改为:
<div>
标签中,这样可以多少改善一点移动端用户框外观。(虽然一般来说移动端屏幕都足够狭窄,不至于出现用户框随文字无限拉长?)红梦子#FF2400(讨论) 2017年5月14日 (日) 15:10 (CST)
补充:只移动width,不移动height,否则还是会造成内容出框(参见Userbox-2)。 --红梦子#FF2400(讨论) 2017年5月14日 (日) 15:12 (CST)请直接看这一层。去掉表的width,不要移到<div>里面,然后在info栏style补一个"width:215px;"。原来的解决方案文字太短的话背景色宽度会不够。在info栏style补的方案可以做到用户框保持同样宽度 --红梦子#FF2400(讨论) 2017年5月14日 (日) 15:57 (CST)- 熊孩子终于测试完毕了,测试记录见沙盒版本历史。以下概述个人认为的最优解决方案:
- <div>标签:还是写一个width:260px;(原因:不知道为什么,215px+45px并不等于260px。也不像是info padding导致的,因为215px+45px也不等于170px+45px+45px)。
- 表格总体尺寸:不写width(原因:不需要),不写height(原因:否则字多的时候不能自动拓宽)。
- id栏style:保持现状。
- info栏style:width:215px; height:
59px;48px;(原因:防止字太少的时候自动收缩。至于为什么是48px,是因为这样总体宽度就是59px了……我超想知道原因)。
- --红梦子#FF2400(讨论) 2017年5月14日 (日) 16:31 (CST)
- 把我建议的这个写法做成了User:ScarletteDreamme/Userbox-new,这边更新之前我在用户页里先用那个。能看出在移动端或者移动端视图看起来比Userbox好很多(至少我这么觉得) --红梦子#FF2400(讨论) 2017年5月14日 (日) 20:08 (CST)
编辑请求 - Grandom
由Grandom提出的变基编辑请求:
- 状态: 完成
等申请通过这几天又发现几个新问题,现在再次修改编辑请求。
目前的用户框存在以下几个问题:
- 1.在移动端框内上下有迷之空白
- 解决方法:在表格一层的style属性中添加
margin:0px;
。
- 解决方法:在表格一层的style属性中添加
- 2.在移动端宽度不受控制
- 解决方法:在表格一层的width值后添加
!important
。
- 解决方法:在表格一层的width值后添加
- 3.在移动端(主要是安卓端)id栏会变矮,字数过多后整体高度却又不增加
- 解决方法:将表格一层的height值删除,id栏一层的height值改为57。(对于楼上编辑请求中提到的必须设置为48总体高度才为59的问题,测试后并没有出现。)
- 4.模板中实际存在一个自定义边框宽度的参数,但自定义之后会导致整体宽度变化
- 解决方法:在div一层的style属性中添加
display:table; width:262px;
固定宽度;border值移动到表格一层;表格一层的width值变为相对宽度100%。
- 解决方法:在div一层的style属性中添加
全部改正后的代码见User:Grandom/Template:Userbox。(这里仅包含includeonly中的部分)
这里借用下@渡边鸽咕嗝的用户页,可以直接对比修改前和修改后的效果。
- --Grandom(讨论) 2019年9月24日 (二) 22:53 (CST)
- 1和2已采纳,3采纳
将表格一层的height值删除
而后半部分改用word-break: break-all;
以及将所有的height
改为min-height
,4拒绝(让用户自己决定是否要用超宽边框)。——From AnnAngela the Temporary Bureaucrat (Talk) 2019年9月26日 (四) 13:09 (CST)- @AnnAngela
- 1.原申请中第4点并不是说要禁止使用宽边框,而是使用宽边框之后保持整体宽度不变。不过刚好第4点中有个小错误:
display:table;
并不是必要的。 - 2.修改为
min-height
后id栏一层的值仍然应当改为57
,不然id栏默认变矮的问题没有解决。 - 3.您对
info-lh
的修改稍有问题,应为{{#if:{{{info-lh|}}}|{{{info-lh}}}|1.25em}}
,目前所有用户框高度较混乱。(不过我没明白增加这个判断的意义是什么,好像没什么区别) - 4.补充,刚刚发现的历史遗留问题,看了下编辑历史,当时id栏没有设置line-height,所以很多用户框模板里自行添加了
<p style="line-height:100%"> </p>
,如今的模板已经不再需要。
但是<p>标签的引入导致id文字上下有默认的段落间距,已经无法实现原本设计的默认高度容纳三行id,移动端更是两行id就会撑高。 - 目前想到的只能靠重新修改所有含有<p>标签的用户框模板解决。
- --Grandom(讨论) 2019年9月26日 (四) 13:41 (CST)
- 1.我认为设计这个参数的本意就不是让宽边框压缩内容来达成宽度不变的=。=并且实现起来相当不合理,就没采用
- 2.done;
- 3.
{{{a|b}}}
有个问题,如果用户写了|a=
的话那么mw会认为参数a有值(即使是空值),所以{{{a|b}}}
输出就为(空)不为b了,使用if检测能避免这个问题; - 4.这个没法批量处理,只能用户自己解决了。——From AnnAngela the Temporary Bureaucrat (Talk) 2019年9月26日 (四) 14:25 (CST)
- @AnnAngela min-height不可用于表格及表格元素中,请考虑使用height。
“ | Applies to: all elements but non-replaced inline elements, table columns, and column groups | ” |
——MDN |
- --Nzh21(讨论) 2019年9月26日 (四) 16:52 (CST)
- OK,word-break那里我用break-word了。——From AnnAngela the Temporary Bureaucrat (Talk) 2019年9月26日 (四) 18:46 (CST)
- @AnnAngela 表格层里还有个!
min-height:59px;
(不过这个是说要去掉来着吧) --Grandom(讨论) 2019年9月26日 (四) 18:49 (CST) - 而且break-word好像不对吧……效果也没出来 --Grandom(讨论) 2019年9月26日 (四) 18:53 (CST)
- 其实都默认就挺好的 --Grandom(讨论) 2019年9月26日 (四) 18:57 (CST)
- 表格层那个是故意留的,breakword留着也没啥关系。——From AnnAngela the Temporary Bureaucrat (Talk) 2019年9月26日 (四) 19:05 (CST)
- @AnnAngela 表格层里还有个!
- OK,word-break那里我用break-word了。——From AnnAngela the Temporary Bureaucrat (Talk) 2019年9月26日 (四) 18:46 (CST)
- --Nzh21(讨论) 2019年9月26日 (四) 16:52 (CST)
编辑请求 - Max Lyu
由Max Lyu提出的编辑请求:
- 状态: 完成
申请者未给出申请内容 Max Lyu(讨论) 2019年12月17日 (二) 12:46 (CST) Userbox在实际使用的时候会和文本混在一起,造成非常奇怪的效果,请问是否有方法改进,如在文本与Userbox交界处自动换行?本人不会维基语法或HTML,拜托了
- 可以组合使用
|float=none|display=inline-block
——From AnnAngela the Temporary Bureaucrat (Talk) 2019年12月26日 (四) 15:07 (CST)
还是在文档里推荐使用{{clear}}吧,一来直接用现成的用户框模板没法改属性,二来如果真有做模板时用了这两条的就更混乱了。 Grandom讨论·贡献 2020年4月20日 (一) 18:06 (CST)
编辑请求 - RabBIThole
由RabBIThole提出的编辑请求:
- 状态: 完成
将原内容修改为:
—— RabBIThole(讨论·贡献) 2020年5月13日 (三) 10:32 (CST)
- Done.——From AnnAngela the Temporary Bureaucrat (Talk) 2020年5月16日 (六) 14:21 (CST)
编辑请求 - BearBin - 2023.03.11
由BearBin提出的对Template:Userbox的编辑请求:
- 状态: 完成
将以下内容:
<includeonly><div style="float:{{#if:{{{float|}}}|{{{float|}}}|left}}; border:{{#if:{{{border-width|}}}|{{{border-width|}}}|{{#if:{{{border-s|}}}|{{{border-s|}}}|1}}}}px solid {{#if:{{{border-color|}}}|{{{border-color|}}}|{{#if:{{{1|}}}|{{{1|}}}|{{#if:{{{border-c|}}}|{{{border-c|}}}|{{#if:{{{id-c|}}}|{{{id-c|}}}|#999}}}}}}}}; margin:1px; {{#if: {{{display|}}} | display: {{{display|}}} |}};{{#if:{{{border-image|}}}|{{{border-image|}}}}};">
修改为:
<includeonly><div style="float:{{#if:{{{float|}}}|{{{float|}}}|left}}; width:fit-content; border:{{#if:{{{border-width|}}}|{{{border-width|}}}|{{#if:{{{border-s|}}}|{{{border-s|}}}|1}}}}px solid {{#if:{{{border-color|}}}|{{{border-color|}}}|{{#if:{{{1|}}}|{{{1|}}}|{{#if:{{{border-c|}}}|{{{border-c|}}}|{{#if:{{{id-c|}}}|{{{id-c|}}}|#999}}}}}}}}; margin:1px; {{#if: {{{display|}}} | display: {{{display|}}} |}};{{#if:{{{border-image|}}}|{{{border-image|}}}}};">
去除窄屏下的多余空白——BearBin 「喷他 • 留名」 2023年3月11日 (六) 20:13 (CST)
- Done. —— ほしみ 2023年3月11日 (六) 23:25 (CST)