最新消息
  • 您好下载中心的主题现已开启全免费下载!
  • 欢迎 游客 您的光临,下载之前请先阅读 积分规则(暂行) 。任何技术问题请在论坛提问,本站定制插件售前、售后问题请联系QQ:5916171

模板修改 给推荐资源加图标

管理成员
UID
1
注册
2017/07/28
消息
1,010
黄金
15,317.27G
1511664118728.png
css 样式
CSS:
.structItem--resource span.featured {
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    overflow: hidden;
    opacity: .7;
    transition: opacity 0.2s ease;
    z-index: 999;
}
.structItem--resource:hover span.featured {
    opacity: 1;
}
.structItem--resource span.featured::after {
    content: '推荐';
    background: #e68c17;
    color: #fff4e5;
    font-weight: normal;
    font-style: normal;
    width: 100px;
    font-size: 13px;
    line-height: 18px;
    height: 18px;
    text-align: center;
    position: absolute;
    top: 17px;
    left: -25px;
    pointer-events: none;
    text-shadow: 1px 1px 1px #8f6c3f;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

添加xf语句到 xfrm_resource_list_macros
查找
代码:
<div class="structItem-iconContainer">
在后边添加
代码:
       <xf:if is="$resource.Featured">
                    <span class="featured"></span>
                </xf:if>
1511664301916.png
1511664431843.png
 
管理成员
UID
1
注册
2017/07/28
消息
1,010
黄金
15,317.27G
如果和你当前资源列表图标位置不对请自行调整
 
大垃圾
UID
704
注册
2020/03/27
消息
27
黄金
612.35G
    Windows 10 Chrome 85.0.4183.121
  • #3
io模板建议把z-index的值改成10不然会出现穿过banner的问题
 

相似主题

顶部 底部