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> |