Template:Related pages:修订间差异

H萌娘,万物皆可H的百科全书!
跳到导航 跳到搜索
imported>=海豚=
无编辑摘要
(文本替换 - 替换“hmoegirl.com”为“hmoegirl.info”)
 
(未显示1个用户的20个中间版本)
第1行: 第1行:
<includeonly><templatestyles src="Related pages/Related pages.css" />
<includeonly><templatestyles src="Related pages/Related pages.css" /><h2><center>相关页面</center></h2>
<div  class="nomobile" style="display: flex; flex-wrap: wrap; column-gap: 2rem;transform: translateX(-2%) translateY(10%);">
<div  class="Related pages" style="display: flex; flex-wrap: wrap; column-gap: 5rem;transform: translateY(5%);margin-bottom: -15px;justify-content: center;">
{{hovers}}
{{hovers}}
[[{{{url1}}}|
<div class="hovers-fade-shallow">
<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;">
[[{{{article1}}}|
   <div style="height: 100px;width: 310px;background-color: #ffffffcc;border-radius: 6px;box-shadow: #00000021 0px 0px 10px;z-index: 100;position:relative;overflow: hidden;cursor: pointer;">
    <div id="picture-box">
    <div id="picture-box">
     <img src="{{#if:{{{picture1}}}|{{{picture1}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%">
     <img src="{{#if:{{{picture1}}}|https://www.hmoegirl.info/thumb.php?f={{{picture1}}}&width=125|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%">
    </div>
    </div>
    <div id="text-box">
    <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="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}}}||{{{article1}}}}}}}</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 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>
</div>
  ]]</div>
]]
 
[[{{{url2}}}|
<div class="hovers-fade-shallow">
<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;">
[[{{{article2}}}|
   <div style="height: 100px;width: 310px;background-color: #ffffffcc;border-radius: 6px;box-shadow: #00000021 0px 0px 10px;z-index: 100;position:relative;overflow: hidden;cursor: pointer;">
    <div id="picture-box">
    <div id="picture-box">
     <img src="{{#if:{{{picture2}}}|{{{picture2}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%">
     <img src="{{#if:{{{picture2}}}|https://www.hmoegirl.info/thumb.php?f={{{picture2}}}&width=125|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%">
    </div>
    </div>
    <div id="text-box">
    <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="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}}}||{{{article2}}}}}}}</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 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>
</div>
  ]]</div>
]]
 
[[{{{url3}}}|
<div class="hovers-fade-shallow">
<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;">
[[{{{article3}}}|
   <div style="height: 100px;width: 310px;background-color: #ffffffcc;border-radius: 6px;box-shadow: #00000021 0px 0px 10px;z-index: 100;position:relative;overflow: hidden;cursor: pointer;">
    <div id="picture-box">
    <div id="picture-box">
     <img src="{{#if:{{{picture3}}}|{{{picture3}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%">
     <img src="{{#if:{{{picture3}}}|https://www.hmoegirl.info/thumb.php?f={{{picture3}}}&width=125|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%">
    </div>
    </div>
    <div id="text-box">
    <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="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}}}||{{{article3}}}}}}}</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 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>
  ]]</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>
</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>
</includeonly>
<noinclude>
<noinclude>
 
代码:
<pre>
{{相关页面
|article1= 中国:毛的遗产
|picture1= 2021-07-22_101223.png
|title1= 中国:毛的遗产
|text1= 在Steam平台上发行的一款政治模拟历史游戏。
|article2= 逆统战:致地与海的革命者
|picture2=
|title2= 逆统战:致地与海的革命者
|text2= 一款由台湾团队ESC台湾境外战略沟通工作小组设计的游戏。
|article3= 还愿
|picture3=Devotion.png
|title3= 还愿
|text3= 赤烛游戏开发的一款恐怖解谜类角色扮演游戏。
}}
</pre>


 效果:
 效果:
{{link-box
{{ 相关页面
|url1= 请问您今天要来点兔子吗
|article1= 中国:毛的遗产
|picture1=https://i.loli.net/2020/04/22/DrmC8lw4vOqGhQY.jpg
|picture1= 2021-07-22_101223.png
|title1= 废墟之春
|title1= 中国:毛的遗产
|text1= 废弃 都市里,满眼的初绿依然洋溢着蓬勃生机……
|text1= 在Steam平台上发行 一款政治模拟历史游戏。
|background-color1=
|article2= 逆统战: 致地与海的革命者
|url2= User:YEW-studio/Sandbox
|picture2= 
|picture2= https://img.moegirl.org.cn/common/b/bc/GTX_690.jpg
|title2=  逆统战:致地与海的革命者
|title2=  个人沙盒
|text2=  一款由台湾团队ESC台湾境外战略沟通工作小组设计的游戏。
|text2=  其实现在只用于存放代码了...
|article3= 还愿
|background-color2=
|picture3=Devotion.png
|url3= User:YEW-studio/插画列表
|title3=  还愿
|picture3= https://i.loli.net/2020/04/18/q7ZSInPerlVN2sC.png
|text3=  赤烛游戏开发 一款恐怖解谜类角色扮演游戏。
|title3=  插画列表
|text3=  顾名思义,用来放喜欢 插画
|background-color3=
}}
}}
</noinclude>
</noinclude>

2022年11月20日 (日) 15:03的最新版本


代码:

{{相关页面
|article1= 中国:毛的遗产
|picture1= 2021-07-22_101223.png
|title1= 中国:毛的遗产
|text1= 在Steam平台上发行的一款政治模拟历史游戏。
|article2= 逆统战:致地与海的革命者
|picture2= 
|title2= 逆统战:致地与海的革命者
|text2= 一款由台湾团队ESC台湾境外战略沟通工作小组设计的游戏。
|article3= 还愿
|picture3=Devotion.png
|title3= 还愿
|text3= 赤烛游戏开发的一款恐怖解谜类角色扮演游戏。
}}

效果:

相关页面