首页 » 收集 » 正文内容
zibll子比主题5.0 给新发布的文章加上NEW小图标
寻梦xunm| 609| 收集
3年前
超过1158天 温馨提示
本文最后更新于2021年09月20日,已超过1158天没有更新,若内容或图片失效,请留言反馈。

第一、修改主题的zib-posts-list.php

找到主题目录中的/inc/functions/zib-posts-list.php文件,然后找到对应代码 :
火狐截图_2021-09-20T05-14-43.039Z.png

第224行加上:
[hide]

date_default_timezone_set('PRC');
    $t1=$post->post_date;
    $t2=date("Y-m-d H:i:s");
    $diff=(strtotime($t2)-strtotime($t1))/3600;
    if($diff<24){echo '<span class="new-icon"></span>';}
    else{echo "";}
    //开始输出

[/hide]
第二、添加样式

后台主题设置-全局功能-自定义代码-自定义CSS样式插入
[hide]

/** 修改NEW标志样式902d.com */
.tab-content{
positiON: relative;
}
/** NEW 图标文字版样式 **/
.tab-content .new-icon{
position: absolute;
right: 1px;
display: block;
width: 40px;
height: 40px;
line-height: 20px;
background-image: url(https://www.cen.ink/img/new.png);
transform-origin: 0% 0%;
}

[/hide]
最终效果:
火狐截图_2021-09-20T05-13-56.885Z.png

0 赞 or 打赏
喜欢就打赏一点
微信 支付宝
20240430140454171445709417079.png
20240430140454171445709417079.png
隐私
Q Q:1340326824
邮箱:vipshiyi@qq.com
QQ群:422720328

我的音乐