首页 » 建站手册 » Typecho文章页面添加notice提醒,文章修改日期

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

谷歌已收录,更新于2019年04月05日; 如遇到问题,请留言及时通知站长; 欢迎加入 三生三世,讨论各种问题!

说明

好久没认认真真写文章了,今天给大家分享一个本站一直使用的代码。用于提醒用户当前文章更新日期,以及其他信息,比如:加入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

一个只会魔改主题,而不会制作主题的站长,专业扒各种网站的各种样式。希望每一位来到这里的访客,都能拿到你们需要的资源!

发表评论

已有 16 条评论

  1. live sex live sex说道:

    Free Live Sex Cams - Live Sex Chat and XXX Live Porn Shows Free Live Sex Cams and Live Porn Adult Sex Chat.Welcome to BongaCams.com! Free Live Sex Chat with thousands of attractive Web Cam Girls from all over the World.
    Live Sex via WebCams: 100% Free Broadcasts - PussySpace Live Cams Girls, Couples and Gay Boys, Ladyboys Chat. Welcome to the fastest-growing free cams website online, PussySpace Live Sex via WebCams: 100% Free Broadcasts - it's Porn Cams!
    XNXX.COM 'live-sex' Search, free sex videos Live Sex Chat and XXX Live Porn shows for FREE.catch them live for free on RED.VEXCAMS.COM - latina cousins, orgy, latina, oral sex, dick licking, homemade porn, more
    Canl? Seks: XXX Eriskin Seks Canl? Sohbet - Live Sex 18 Free %100 Ucretsiz Hesab?n?z? olusturun. 100+ model su anda Canl? Seks Kameras? icin uygun - Canl? Kamera Seksi. En buyuk topluluga kat?l?n!
    http://igropoisk.com/games/pashalki/7282/

    Live Cam Girls - Free Porn Cams Live Sex With 1000's Of Webcam Girls. We connect directly to the biggest cam platform providers as well as thousands of amateur cams and use our unique filtering system allow you to find the perfect

    Free Live Adult Webcams | TopСams-TV Watch Naked Models in our Adult Live Sex Cams Community. It's FREE & No Registration Needed. 1000+ LIVE Cam Girls and Couples are Ready to Chat.

  2. 心灵博客 心灵博客说道:

    博主的代码高亮用的是哪个插件?

    1. 枂下 枂下说道:

      没用插件,用的代码。不过,用的prism

  3. ahxx ahxx说道:

    大佬请问下你的看图插件用的是哪一个

  4. ahxx ahxx说道:

    超级好用,非常感谢分享 :mrgreen:

  5. 学习了,谢谢博主分享

  6. APP喵 APP喵说道:

    :!: 学习了

  7. Ratel Ratel说道:

    搬一波

  8. ohmyga ohmyga说道:

    :roll: 学习了

  9. Typecho越来越流行了感觉

  10. FlyingSky FlyingSky说道:

    收了,顺便改成了久远文章提示连同通知系统一起用了,美滋滋

最近动态查看

    利用短代码实现了文章正文任意位置插入[googleads],前端自动变为谷歌广告。这样,文章过长时,可以随意插入广告了。
返回主页看更多
赏杯咖啡给站长 支付宝 扫一扫