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

模板討論:星空列車與白的旅行人物介紹

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋

是否加上跳轉聲優的功能?

代碼已經改好了

<!--新--><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)