zibll子比主题5.0 给新发布的文章加上NEW小图标

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

找到主题目录中的/inc/functions/zib-posts-list.php文件,然后找到对应代码 :

图片[1]-zibll子比主题5.0 给新发布的文章加上NEW小图标-玩转网 | 902D.Com

第224行加上:

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 "";}
    //开始输出

第二、添加样式

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

/** 修改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://static.902d.com/img/new.png);
transform-origin: 0% 0%;
}

 最终效果:

图片[2]-zibll子比主题5.0 给新发布的文章加上NEW小图标-玩转网 | 902D.Com

© 版权声明

THE END

点赞9赞赏 分享