“Template:Related pages”与“Template:Ruby”：页面之间的差异

（页面间差异）
跳到导航 跳到搜索

Template:Ruby (编辑)

2021年7月11日 (日) 10:21的版本

删除7,371字节 、​ 2021年7月11日 (星期日)
无编辑摘要
imported>=海豚=
无编辑摘要
 
imported>=海豚=
无编辑摘要
 
第1行： 第1行：
<includeonly><templatestyles src="Related pages/Related pages.css" />
{{#invoke:Ruby|ruby}}<noinclude>
<div  class="nomobile" style="display: flex; flex-wrap: wrap; column-gap: 2rem;transform:translateX(-2%)translateY(5%);margin-bottom: -15px;">
{{ 萌百:Ruby}}
{{hovers}}
[[ 分类: 格式模板]]
<div class="hovers-fade-shallow">
[[ 分类: 語言模板]]
[[{{{url1}}}|
  <div style="height: 100px;width: 310px;background-color: {{#if:{{{background-color1}}}|{{{background-color}}}|#ffffff}}dd;border-radius: 6px;box-shadow: #00000021 0px 0px 10px;z-index: 100;position:relative;overflow: hidden;cursor: pointer;">
   <div id="picture-box">
    <img src="{{#if:{{{picture1}}}|{{{picture1}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%">
   </div>
   <div id="text-box">
    <div style="line-height:17px;font-size: 1em;position: absolute;top: {{#if:{{{text1}}}|22|38}}px;left: {{#if:{{{text1}}}|13|24}}px;color:black;width:190px;{{#if:{{{text1}}}|transform: scale(0.93,0.93)|transform: scale(1,1)}}">{{#if:{{{title1}}}|{{{title1}}}|{{#if:{{{text1}}}||{{{url1}}}}}}}</div>
    <div style="overflow: hidden;word-break:break-al;line-height: 14px;position: absolute;top:{{#if:{{{title1}}}|44|33}}px;left: 20px;font-size: 0.76em;width: 168px;opacity: 0.6;color:black">{{{text1}}}</div>
   </div>
  </div>
</div>
]]
<div class="hovers-fade-shallow">
[[{{{url2}}}|
  <div style="height: 100px;width: 310px;background-color: {{#if:{{{background-color2}}}|{{{background-color}}}|#ffffff}}dd;border-radius: 6px;box-shadow: #00000021 0px 0px 10px;z-index: 100;position:relative;overflow: hidden;cursor: pointer;">
   <div id="picture-box">
    <img src="{{#if:{{{picture2}}}|{{{picture2}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%">
   </div>
   <div id="text-box">
    <div style="line-height:17px;font-size: 1em;position: absolute;top: {{#if:{{{text2}}}|22|38}}px;left: {{#if:{{{text2}}}|13|24}}px;color:black;width:190px;{{#if:{{{text2}}}|transform: scale(0.93,0.93)|transform: scale(1,1)}}">{{#if:{{{title2}}}|{{{title2}}}|{{#if:{{{text2}}}||{{{url2}}}}}}}</div>
    <div style="overflow: hidden;word-break:break-al;line-height: 14px;position: absolute;top:{{#if:{{{title2}}}|44|33}}px;left: 20px;font-size: 0.76em;width: 168px;opacity: 0.6;color:black">{{{text2}}}</div>
   </div>
  </div>
</div>
]]
<div class="hovers-fade-shallow">
[[{{{url3}}}|
  <div style="height: 100px;width: 310px;background-color: {{#if:{{{background-color3}}}|{{{background-color}}}|#ffffff}}dd;border-radius: 6px;box-shadow: #00000021 0px 0px 10px;z-index: 100;position:relative;overflow: hidden;cursor: pointer;">
   <div id="picture-box">
    <img src="{{#if:{{{picture3}}}|{{{picture3}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%">
   </div>
   <div id="text-box">
    <div style="line-height:17px;font-size: 1em;position: absolute;top: {{#if:{{{text3}}}|22|38}}px;left: {{#if:{{{text3}}}|13|24}}px;color:black;width:190px;{{#if:{{{text3}}}|transform: scale(0.93,0.93)|transform: scale(1,1)}}">{{#if:{{{title3}}}|{{{title3}}}|{{#if:{{{text3}}}||{{{url3}}}}}}}</div>
    <div style="overflow: hidden;word-break:break-al;line-height: 14px;position: absolute;top:{{#if:{{{title3}}}|44|33}}px;left: 20px;font-size: 0.76em;width: 168px;opacity: 0.6;color:black">{{{text3}}}</div>
   </div>
  </div>
</div>
]]
</div>
<div  class="mobileonly">
{{hovers}}
[[{{{url1}}}|
<div class="hovers-fade-shallow">
  <div style="height: 100px;width: 310px;background-color: {{#if:{{{background-color1}}}|{{{background-color}}}|#ffffff}}dd;border-radius: 6px;box-shadow: #00000021 0px 0px 10px;z-index: 100;position:relative;overflow: hidden;cursor: pointer;">
   <div id="picture-box">
    <img src="{{#if:{{{picture1}}}|{{{picture1}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%">
   </div>
   <div id="text-box">
    <div style="line-height:17px;font-size: 1em;position: absolute;top: {{#if:{{{text1}}}|22|38}}px;left: {{#if:{{{text1}}}|13|24}}px;color:black;width:190px;{{#if:{{{text1}}}|transform: scale(0.93,0.93)|transform: scale(1,1)}}">{{#if:{{{title1}}}|{{{title1}}}|{{#if:{{{text1}}}||{{{url1}}}}}}}</div>
    <div style="overflow: hidden;word-break:break-al;line-height: 14px;position: absolute;top:{{#if:{{{title1}}}|44|33}}px;left: 20px;font-size: 0.76em;width: 168px;opacity: 0.6;color:black">{{{text1}}}</div>
   </div>
  </div>
</div>
]]
[[{{{url2}}}|
<div class="hovers-fade-shallow">
  <div style="height: 100px;width: 310px;background-color: {{#if:{{{background-color2}}}|{{{background-color}}}|#ffffff}}dd;border-radius: 6px;box-shadow: #00000021 0px 0px 10px;z-index: 100;position:relative;overflow: hidden;cursor: pointer;">
   <div id="picture-box">
    <img src="{{#if:{{{picture2}}}|{{{picture2}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%">
   </div>
   <div id="text-box">
    <div style="line-height:17px;font-size: 1em;position: absolute;top: {{#if:{{{text2}}}|22|38}}px;left: {{#if:{{{text2}}}|13|24}}px;color:black;width:190px;{{#if:{{{text2}}}|transform: scale(0.93,0.93)|transform: scale(1,1)}}">{{#if:{{{title2}}}|{{{title2}}}|{{#if:{{{text2}}}||{{{url2}}}}}}}</div>
    <div style="overflow: hidden;word-break:break-al;line-height: 14px;position: absolute;top:{{#if:{{{title2}}}|44|33}}px;left: 20px;font-size: 0.76em;width: 168px;opacity: 0.6;color:black">{{{text2}}}</div>
   </div>
  </div>
</div>
]]
[[{{{url3}}}|
<div class="hovers-fade-shallow">
  <div style="height: 100px;width: 310px;background-color: {{#if:{{{background-color3}}}|{{{background-color}}}|#ffffff}}dd;border-radius: 6px;box-shadow: #00000021 0px 0px 10px;z-index: 100;position:relative;overflow: hidden;cursor: pointer;">
   <div id="picture-box">
    <img src="{{#if:{{{picture3}}}|{{{picture3}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%">
   </div>
   <div id="text-box">
    <div style="line-height:17px;font-size: 1em;position: absolute;top: {{#if:{{{text3}}}|22|38}}px;left: {{#if:{{{text3}}}|13|24}}px;color:black;width:190px;{{#if:{{{text3}}}|transform: scale(0.93,0.93)|transform: scale(1,1)}}">{{#if:{{{title3}}}|{{{title3}}}|{{#if:{{{text3}}}||{{{url3}}}}}}}</div>
    <div style="overflow: hidden;word-break:break-al;line-height: 14px;position: absolute;top:{{#if:{{{title3}}}|44|33}}px;left: 20px;font-size: 0.76em;width: 168px;opacity: 0.6;color:black">{{{text3}}}</div>
   </div>
  </div>
</div>
]]
</div>
</includeonly>
<noinclude>
代码：
<pre>
{{相关页面
|url1= 萌百:心形眼
|picture1= https://commons.moegirl.org.cn/thumb.php?f=60e25f705c2305fec80ae8dbccef701e.jpg&width=125
|title1= 心形眼
|text1=
|url2= 萌百:心形瞳孔
|picture2= https://commons.moegirl.org.cn/thumb.php?f=%E5%BF%83%E5%BD%A2%E7%9E%B3%E5%AD%94.jpg&width=125
|title2= 心形瞳孔
|text2=
|url3= 萌百:十字瞳孔
|picture3= https://commons.moegirl.org.cn/thumb.php?f=Nia_Teppelin.jpg&width=125
|title3= 十字瞳孔
|text3=
}}
</pre>
 
效果：
{{相关页面
|url1= 萌百:心形眼
|picture1= https://commons.moegirl.org.cn/thumb.php?f=60e25f705c2305fec80ae8dbccef701e.jpg&width=125
|title1= 心形眼
|text1=
|url2= 萌百:心形瞳孔
|picture2= https://commons.moegirl.org.cn/thumb.php?f=%E5%BF%83%E5%BD%A2%E7%9E%B3%E5%AD%94.jpg&width=125
|title2= 心形瞳孔
|text2=
|url3= 萌百:十字瞳孔
|picture3= https://commons.moegirl.org.cn/thumb.php?f=Nia_Teppelin.jpg&width=125
|title3= 十字瞳孔
|text3=
}}
</noinclude>
</noinclude>
匿名用户
取自“https://hmoegirl.com/Special:移动版差异/50236...50292”

导航菜单