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:59的版本
本模板旨在改善大量堆砌链接时的观感
以及提供一种通过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=
}}
效果：