Typecho文章页面添加notice提醒,文章修改日期

admin

说明
好久没认认真真写文章了,今天给大家分享一个本站一直使用的代码。用于提醒用户当前文章更新日期,以及其他信息,比如:加入Q群等。当然,你也可以写文章最后编辑于几天前。你可以在本站任何文章页面,看到这条提示。如下图所示:
Typecho文章页面添加notice提醒,文章修改日期

post.php
首先,打开主题目录下post.php文件,在适当位置添加如下代码,一般添加在post-content后面(表示文章正文开始的地方)

<p class="notice">
最后更新于<?php echo date('Y年m月d日' , $this->modified);?>;
如遇到问题,请留言及时通知站长;
欢迎加入<i class="iconfont icon-qq"></i>&nbsp;<a href="https://jq.qq.com/?_wv=1027&k=5gp5d2X" target="_blank">三生三世</a>,讨论各种问题!
</p>

Typecho文章页面添加notice提醒,文章修改日期

css
这时,你文章里应该以及可以看到这条提示了。但是,不太美观。那么,请在你的主题css文件中,放入如下代码,即可美化,效果与本站一致!

p.notice{position:relative;padding:.5rem;border:1px dashed #b00;background:#eee}
p.notice::before{position:absolute;top:-.5rem;left:.5rem;z-index:1;padding:0 .3rem;content:"Notice";font-size:.8rem;line-height:1}
p.notice::after{position:absolute;top:-1px;left:.5rem;z-index:0;width:50px;height:6.4px;background:#eee;content:""}

后续说明
当然,文章中的提示,用到的QQ图标是阿里云图标库。请自行更换自己主题的图标。当然,这么好看的样式自然不是自己写的,从别人网站扒的。
代码扒自:imalan

版权协议须知!

本篇文章来源于 黑冰技术站 ,如本文章侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意

863 0 2019-04-26

微语程序"个人信息显示插件"

这款插件个人感觉也十分的辣鸡,胜在娱乐一下也好。前端css...

阅读全文
微语程序BUG修复通知

近期发现在一些环境下面程序出现严重的BUG现象导致BUG出...

阅读全文
Veno File Manager v3.5.4 - PHP在线存储&分享源码

源码简介早期发布之后,然后看到汉化版,起名为极简网盘,好像...

阅读全文
esoTalk 中文优化版

esoTalk 可能大家不太熟悉,但她的下一代 Flaru...

阅读全文
选择表情
  • 默认
  • 护眼
  • 夜晚
  • Serif
  • Sans