Template:Link-box:修订间差异
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
第4行: | 第4行: | ||
[[{{{url1}}}| | [[{{{url1}}}| | ||
<div class="hovers-fade-shallow" style="height: 100px;width: 310px;position:relative;display: inline-box"> | <div class="hovers-fade-shallow" style="height: 100px;width: 310px;position:relative;display: inline-box"> | ||
<div style="height: 100px;width: 310px;background-color: {{#if:{{{background-color1}}}|{{{background- | <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}}" height="100px"> | <img src="{{#if:{{{picture1}}}|{{{picture1}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" height="100px"> | ||
第18行: | 第18行: | ||
[[{{{url2}}}| | [[{{{url2}}}| | ||
<div class="hovers-fade-shallow" style="height: 100px;width: 310px;position:relative;display: inline-box"> | <div class="hovers-fade-shallow" style="height: 100px;width: 310px;position:relative;display: inline-box"> | ||
<div style="height: 100px;width: 310px;background-color: {{#if:{{{background-color2}}}|{{{background- | <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}}" height="100px"> | <img src="{{#if:{{{picture2}}}|{{{picture2}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" height="100px"> | ||
第32行: | 第32行: | ||
[[{{{url3}}}| | [[{{{url3}}}| | ||
<div class="hovers-fade-shallow" style="height: 100px;width: 310px;position:relative;display: inline-box"> | <div class="hovers-fade-shallow" style="height: 100px;width: 310px;position:relative;display: inline-box"> | ||
<div style="height: 100px;width: 310px;background-color: {{#if:{{{background-color3}}}|{{{background- | <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}}" height="100px"> | <img src="{{#if:{{{picture3}}}|{{{picture3}}}|https://img.moegirl.org.cn/common/b/b7/Transparent_Akkarin.jpg}}" height="100px"> |
2021年7月20日 (二) 22:36的版本
本模板旨在改善大量堆砌链接时的观感
以及提供一种通过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= }}
效果: