「Template:Link-box」:修訂間差異
跳至導覽
跳至搜尋
imported>=海豚= 無編輯摘要 |
imported>=海豚= 無編輯摘要 |
||
行 7: | 行 7: | ||
<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 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" style="height:100px;width:100px;position:absolute;top:0;left:0;text-align:center;overflow:hidden;"> | <div id="picture-box" style="height:100px;width:100px;position:absolute;top:0;left:0;text-align:center;overflow:hidden;"> | ||
<img src="{{#if:{{{picture1}}}|{{{picture1}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" | <img src="{{#if:{{{picture1}}}|{{{picture1}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%"> | ||
</div> | </div> | ||
<div id="text-box" style="position:absolute;top:0;left:100px;widith:210px;height:90px;"> | <div id="text-box" style="position:absolute;top:0;left:100px;widith:210px;height:90px;"> | ||
行 21: | 行 21: | ||
<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 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" style="height:100px;width:100px;position:absolute;top:0;left:0;text-align:center;overflow:hidden;"> | <div id="picture-box" style="height:100px;width:100px;position:absolute;top:0;left:0;text-align:center;overflow:hidden;"> | ||
<img src="{{#if:{{{picture2}}}|{{{picture2}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" | <img src="{{#if:{{{picture2}}}|{{{picture2}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%"> | ||
</div> | </div> | ||
<div id="text-box" style="position:absolute;top:0;left:100px;widith:210px;height:90px;"> | <div id="text-box" style="position:absolute;top:0;left:100px;widith:210px;height:90px;"> | ||
行 35: | 行 35: | ||
<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 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" style="height:100px;width:100px;position:absolute;top:0;left:0;text-align:center;overflow:hidden;"> | <div id="picture-box" style="height:100px;width:100px;position:absolute;top:0;left:0;text-align:center;overflow:hidden;"> | ||
<img src="{{#if:{{{picture3}}}|{{{picture3}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" | <img src="{{#if:{{{picture3}}}|{{{picture3}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%"> | ||
</div> | </div> | ||
<div id="text-box" style="position:absolute;top:0;left:100px;widith:210px;height:90px;"> | <div id="text-box" style="position:absolute;top:0;left:100px;widith:210px;height:90px;"> | ||
行 51: | 行 51: | ||
<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 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" style="height:100px;width:100px;position:absolute;top:0;left:0;text-align:center;overflow:hidden;"> | <div id="picture-box" style="height:100px;width:100px;position:absolute;top:0;left:0;text-align:center;overflow:hidden;"> | ||
<img src="{{#if:{{{picture1}}}|{{{picture1}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" | <img src="{{#if:{{{picture1}}}|{{{picture1}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%"> | ||
</div> | </div> | ||
<div id="text-box" style="position:absolute;top:0;left:100px;widith:210px;height:90px;"> | <div id="text-box" style="position:absolute;top:0;left:100px;widith:210px;height:90px;"> | ||
行 64: | 行 64: | ||
<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 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" style="height:100px;width:100px;position:absolute;top:0;left:0;text-align:center;overflow:hidden;"> | <div id="picture-box" style="height:100px;width:100px;position:absolute;top:0;left:0;text-align:center;overflow:hidden;"> | ||
<img src="{{#if:{{{picture2}}}|{{{picture2}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" | <img src="{{#if:{{{picture2}}}|{{{picture2}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%"> | ||
</div> | </div> | ||
<div id="text-box" style="position:absolute;top:0;left:100px;widith:210px;height:90px;"> | <div id="text-box" style="position:absolute;top:0;left:100px;widith:210px;height:90px;"> | ||
行 77: | 行 77: | ||
<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 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" style="height:100px;width:100px;position:absolute;top:0;left:0;text-align:center;overflow:hidden;"> | <div id="picture-box" style="height:100px;width:100px;position:absolute;top:0;left:0;text-align:center;overflow:hidden;"> | ||
<img src="{{#if:{{{picture3}}}|{{{picture3}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" | <img src="{{#if:{{{picture3}}}|{{{picture3}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" width="100%"> | ||
</div> | </div> | ||
<div id="text-box" style="position:absolute;top:0;left:100px;widith:210px;height:90px;"> | <div id="text-box" style="position:absolute;top:0;left:100px;widith:210px;height:90px;"> |
於 2021年7月21日 (三) 11:20 的修訂
本模板旨在改善大量堆砌連結時的觀感
以及提供一種通過90px*90px的圖片與少量文本預覽頁面的方式 剩下的玩法就看你自己發揮了~
格式:(ps:請不要減少下面的內容,我也不知道為什麼不輸入屬性的話就默認none了)
{{link-box |url= |picture= |title= |text= |background-color= }}
說明:
屬性 | 說明 | 補充 |
---|---|---|
url | 輸入頁面標題 | 因為換行的原因目前只支持內鏈 |
picture | 輸入圖片連結 | 目前只支持完整連結(外鏈),萌百內圖片請選擇「在媒體查看器里打開」後點擊放大(一定要點一下)然後複製上方連結 ps:默認圖片是阿卡林 |
title | 標題 | 請不要寫的太長 |
text | 正文內容 | |
background-color | 背景顏色 | 默認加上86%的半透明效果 |
示例:
{{link-box |url=请问您今天要来点兔子吗 |picture=https://i.loli.net/2020/04/22/DrmC8lw4vOqGhQY.jpg |title=废墟之春 |text=废弃的都市里,满眼的初绿依然洋溢着蓬勃生机…… |background-color= }}
效果: