2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程

Template talk:星空列车与白的旅行人物介绍

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳转到导航 跳转到搜索

是否加上跳转声优的功能?

代码已经改好了

<!--新--><div style="width: 500px;height: 200px;background-color:{{#if:{{{type}}}|#f1f1f1a8|#ffffffa8}};border-radius:{{#if:{{{type}}}|10px|5px}};position: relative;margin-right:20px;margin-bottom:6px;margin-right:10px;">
[[{{{链接}}}|<!--已删除内容-->
<div style="position: absolute;top: 0px;left: 0px;overflow: hidden;height:200px;width:200px;border-radius:5px;">{{{图片}}}</div>
<div style="position:absolute;left:142px;top:26px;width:350px;color:#000;">
<div style="position:absolute;left:35px;top: 16px;font-weight: 200;"><span style=" font-size: 20px;font-family:'Source Han Serif SC','Source Han Serif','Songti','SimSun','SimSong',serif;">{{{角色名}}}</span><span style="font-size: 14px;margin-left: 5px;">{{{英文名}}}</span></div>
<div style="position: absolute;top: 45px;left: 0px;font-size: 14px;line-height:165%;width:369px;letter-spacing:3px;transform: scale(0.8,0.8);">{{{介绍}}}</div>
<!--已删除内容-->
<div style="color:#a0299f;font-size: 12px;position:absolute;left:36px;top:-3px;font-weight:800;">//{{{角色性质}}}</div>]]
</div>
<!--新--><div style="color:#263058;font-size: 13px;position:absolute;left:182px;top:136px;">{{lj|{{{声优}}}}}</div>
</div>

然后再在模板使用过程中,声优那里加上[[]]{{ColoredLink|}}即可。

不知道有没有这个需求。 ——あめろ讨论) 2021年7月11日 (日) 00:51 (CST)

我觉得可,就是你这文字会变成链接颜色链接颜色,记得调一下颜色。 —— —— ||」 2021年7月11日 (日) 01:18 (CST)
已修改并上传,百科页面进行了适配。 ——あめろ讨论) 2021年7月11日 (日) 03:52 (CST)

技术实现问题

怎么让卡片默认以最大宽度显示,宽度不允许时再缩小?(现在的版本必须指定容器的大小,否则默认以最小宽度显示。) あめろ 讨论 2021年7月17日 (六) 00:55 (CST)

—— 鬼影233||U:鬼影233/签名墙 2021年7月17日 (六) 02:39 (CST)
我没说清楚,卡片的最大宽度是500px(参考现在的代码),不是页面的最大宽度。我想搞成
随着页面变窄:
  1. 一行两个卡片,每个卡片500px;
  2. 一行两个卡片,每个卡片350~499px;
  3. 一行一个卡片,每个卡片500px;
  4. 一行一个卡片,每个卡片350~499px。
做得到吗?不容易的话就算了,现在的效果也很好了。 あめろ 讨论 2021年7月17日 (六) 03:37 (CST)
不是,我还没看懂(你这个1.和2.不是冲突了吗?(3、4同理
还是你想说:每个卡片长度随着页面大小改变,最长500px;最短350px? —— ||」 2021年7月17日 (六) 04:16 (CST)
是的,每个卡片长度随着页面大小改变。现在可以从1到2,从3到4,但是没办法从2到3。有什么好的实现方法吗 あめろ 讨论 2021年7月17日 (六) 04:31 (CST)
从2到3什么意思( —— ||」 2021年7月17日 (六) 04:34 (CST)
草,就是上面序号的2到3。页面窄到每行两个350px的卡片的时候,再窄一点,变成每行一个500px的卡片 あめろ 讨论 2021年7月17日 (六) 04:43 (CST)
大草字.svg终于懂了...让我想想... —— ||」 2021年7月17日 (六) 04:44 (CST)

@あめろ



很奇怪的写法且转为2行就不会再放大...( —— ||」 2021年7月17日 (六) 05:07 (CST)

display:inline-block; width:50%我也试过,就是因为换行后始终是350px,所以放弃了。或许这个需要用@media sceen才能实现。 あめろ 讨论 2021年7月17日 (六) 05:48 (CST)

Firefox上可行,其他浏览器待测试。——移动版用户 Bhsd 2021年7月17日 (六) 21:49 (CST)

@あめろ鬼影233 Firefox、Safari、Chrome、Edge均测试通过。——移动版用户 Bhsd 2021年7月17日 (六) 21:53 (CST)
好耶!谢谢大佬(你这个少了个min-width但我试了一下加上后能正常使用 —— ||」 2021年7月17日 (六) 23:49 (CST)
@鬼影233 column-width就是最小寬度。——移动版用户 Bhsd 2021年7月18日 (日) 00:35 (CST)
但是你这个变成2行时就没有最小宽度了 —— ||」 2021年7月18日 (日) 00:47 (CST)
@鬼影233 是啊,因為我不希望超出屏幕。——移动版用户 Bhsd 2021年7月18日 (日) 00:54 (CST)
但是Ta要求是最低350px( —— ||」 2021年7月18日 (日) 00:56 (CST)
谢谢大佬!! あめろ 讨论 2021年7月18日 (日) 01:06 (CST)
感谢两位大佬,已经在主条目实现了! あめろ 讨论 2021年7月18日 (日) 03:15 (CST)