TypechoJoeTheme

老狮的梦

统计
登录
用户名
密码
/
注册
用户名
邮箱
输入密码
确认密码

文章最后更新修改时间提示

老狮博主
2021-03-01
/
2 评论
/
500 阅读
/
181 个字
/
百度已收录
03/01
本文最后更新于2021年03月01日,已超过148天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!

有时候由于文章发布超过一定时间,导致文章内容没有时效性或者出现一些图片挂了,导致用户在查看文章时有疑惑或者有问题。

通过一段简单的代码,我们可以实现在文章页面显示文章发布超过多久的提醒,方便自己及用户注意。下面就直接上代码。

直接在POST.PHP文件合适的位置放入以下代码:

<div class="j-alt warning">
本文最后更新于<?php echo date('Y年m月d日' , $this->modified);?>,已超过<?php echo floor((time()-($this->modified))/86400);?>天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!
</div>    

然后在CSS文件放入以下美化代码:

.j-alt {
    width: 100%;
    padding: 8px 15px 8px 35px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: opacity 0.2s;
    font-size: 13px;
    margin: 20px 0;
}
.j-alt.warning {
    background-color: #fdf6ec;
    color: #e6a23c;
}
.j-alt::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 18px;
    vertical-align: top;
}
.j-alt.warning::before {
    background-image: url(图标地址);
    background-repeat: no-repeat;
    background-position: center center;
}
Typecho美化代码
朗读
赞(2)
赞赏
感谢您的支持,我会继续努力哒!
版权属于:

老狮的梦

本文链接:

https://laolion.com/archives/2547.html(转载时请注明本文出处及文章链接)

评论 (2)
  1. Js.nake 闲逛
    Windows 10 · Google Chrome

    这次字体是又改过的了吧,看起来好看舒服多啦~

    2021-03-01 回复
    1. 老狮 博主
      Windows 7 · Google Chrome
      @Js.nake

      是改过的

      2021-03-01 回复

互动读者

  • Kool闲逛

    评论 2 次 | 文章 0 篇

  • 爷爷闲逛

    评论 2 次 | 文章 0 篇

  • 老狮博主

    评论 2 次 | 文章 335 篇

  • 龙江闲逛

    评论 1 次 | 文章 0 篇

标签云

最新回复

  1. 忙碌奔波闲逛
    2021-07-27
  2. 有毒吗闲逛
    2021-07-27
  3. aa闲逛
    2021-07-27
  4. 爷爷闲逛
    2021-07-26
  5. 爷爷闲逛
    2021-07-26