Template:Related pages：修订间差异

H萌娘，万物皆可H的百科全书！
跳到导航 跳到搜索
imported>=海豚=
无编辑摘要
imported>=海豚=
无编辑摘要
第1行： 第1行：
<includeonly><templatestyles src="Related pages/Related pages.css" />
<includeonly><templatestyles src="Related pages/Related pages.css" /><div  class="Related pages" style="display: flex; flex-wrap: wrap; column-gap: 3rem;translateY(5%);margin-bottom: -15px;">
<div  class="nomobile" style="display: flex; flex-wrap: wrap; column-gap: 2rem;translateY(5%);margin-bottom: -15px;">
{{hovers}}
{{hovers}}
<div class="hovers-fade-shallow">
<div class="hovers-fade-shallow">
第41行： 第40行：
   ]]
   ]]
</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>
</div>
</includeonly>
</includeonly>

2021年7月21日 (三) 13:32的版本


代码： 

{{相关页面
|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= 
}}

效果：


取自“https://hmoegirl.com/index.php?title=Template:Related_pages&oldid=50238”