MCBBS Wiki欢迎您共同参与编辑!在参与编辑之前请先阅读Wiki方针

如果在编辑的过程中遇到了什么问题,可以去讨论板提问。

为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户,请尽快绑定/验证

MCBBS Wiki GitHub群组已上线!

您可以在回声洞中发表吐槽!

服务器状态监控。点击进入

本站由MCBBS用户自行搭建,与MCBBS及东银河系漫游指南(北京)科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>

模板:勋章墙

来自MCBBS Wiki
Salt lovely留言 | 贡献2022年8月7日 (日) 18:13的版本 (这个CSS插件好像不支持filter属性)
跳到导航 跳到搜索
模板文档  [查看] [编辑] [历史] [刷新]

铺设一个展示墙,鼠标放上去可以放大观看,但仅展示一些能体现对论坛贡献的勋章;如果你想展示更多勋章,可以考虑直接贴图片。

用法

{{勋章墙|勋章1|2|3|4}}

示例

{{勋章墙|青苹果|红苹果|金苹果|附魔金苹果|面包|曲奇|蛋糕|杰出(女)|杰出(男)|精华|荣誉版主|元老|2011|2012|2013|2015|2016|Crowdin|地图制作者|Mojira}}
{{#css:

.medal-wall.salt-card-effect-detail {

 display: flex;
 flex-wrap: wrap;
 position: relative;
 gap: 2px;

} .medal-wall .salt-card-container {

 display: block;
 transform-origin: center center;
 transition: 0.3s ease;

} .medal-wall .salt-card-container:hover {

 z-index: 9;

} .medal-wall .salt-card-layer {

 /* filter: drop-shadow(0 0 2px #2229); */
 perspective: 466px;
 transition: 0.3s ease;

} .medal-wall .salt-card-layer:hover {

 /* filter: drop-shadow(0 0 6px #9999); */
 image-rendering: pixelated;

} .medal-wall .salt-card-container-detail:hover {

 transform: scale(2);

} .medal-wall.salt-card-effect-detail img.salt-card-img {

 transition: all 0.1s ease;

} }}

{{勋章墙|联机爱好者|视频播客|基岩版爱好者|新闻官|地图专家|红石爱好者|皮肤爱好者|材质爱好者|创作爱好者|开发人员|热心翻译者|搬运工|创作大师|皮肤专家|疯狂搬运工|红石专家|超级建筑师|材质专家|专业开发者|精英翻译官|资深新闻官|基岩版大师}}
{{#css:

.medal-wall.salt-card-effect-detail {

 display: flex;
 flex-wrap: wrap;
 position: relative;
 gap: 2px;

} .medal-wall .salt-card-container {

 display: block;
 transform-origin: center center;
 transition: 0.3s ease;

} .medal-wall .salt-card-container:hover {

 z-index: 9;

} .medal-wall .salt-card-layer {

 /* filter: drop-shadow(0 0 2px #2229); */
 perspective: 466px;
 transition: 0.3s ease;

} .medal-wall .salt-card-layer:hover {

 /* filter: drop-shadow(0 0 6px #9999); */
 image-rendering: pixelated;

} .medal-wall .salt-card-container-detail:hover {

 transform: scale(2);

} .medal-wall.salt-card-effect-detail img.salt-card-img {

 transition: all 0.1s ease;

} }}