emlog-主题模板添加仿joe留言板
更新日期 2022年10月26日
资源编号 17641

emlog-主题模板添加仿joe留言板

2022-10-26 emlog模板
真正免费丨本站资源全部免费下载,不提供任何技术支持服务。
增值服务:
安装指导
环境配置
网站建设
二次开发
源码安装
¥ 0积分

捐赠用户免费升级捐赠用户

仅用于参考学习用,禁止商用。
立即下载 暂无演示

来自于typecho主题joe的留言板样式,joe主题有很多地方可以学习,由于习惯了emlog的主题使用,又不太直接换typecho动手就借鉴到emlog的主题留言板里。
emlog-主题模板添加仿joe留言板

实现步骤

以下需要通过修改主题文件来实现,操作前有需要的自行备份,不多介绍别的了,直接goto。

所需要的附件都打包在附件下载了

将以下代码,新建文件,上传到自己的主题文件夹/page里,以下只是给出一个例子,具体还需根据所在主题样式的更改page_guestbook.php

  1. <?php
  2. /*
  3. Custom:page_gusetbook
  4. Description:留言板
  5. */
  6. if(!defined(‘EMLOG_ROOT’)) {exit(‘error!’);}
  7. ?>
  8. <div class=“container container-page”>
  9. <?php include View::getView(‘page/page_side’);?>
  10. <div class=“content”>
  11. <header class=“article-header”>
  12. <h1 class=“article-title”><?php echo $log_title; ?></h1>
  13. <style>
  14. .guestbook_detail__leaving{paddingtop:15px;}.guestbook_detail__leavingnone{padding:15px 0;textalign:center;-webkituserselect:none;-mozuserselect:none;-msuserselect:none;userselect:none;color:#fff;}.guestbook_detail__leavinglist{position:relative;height:320px}.guestbook_detail__leavinglist .item{display:none;position:absolute;width:200px;overflow:hidden;boxshadow:0 2px 10px 1px rgba(0,0,0,0.2);-webkituserselect:none;-mozuserselect:none;-msuserselect:none;userselect:none;opacity:0.88;height:210px;}.guestbook_detail__leavinglist .item .user{display:flex;alignitems:center;padding:0 10px;color:#fff;borderbottom:1px dashed rgba(255,255,255,0.85);height:40px;cursor:move}.guestbook_detail__leavinglist .item .user .avatar{width:20px;height:20px;borderradius:50%}.guestbook_detail__leavinglist .item .user .nickname{minwidth:0;flex:1;margin:0 5px;whitespace:nowrap;overflow:hidden;textoverflow:ellipsis}.guestbook_detail__leavinglist .item .user .nickname a{color:#fff}.guestbook_detail__leavinglist .item .user .date{marginleft:auto}.guestbook_detail__leavinglist .item .wrapper{padding:10px}.guestbook_detail__leavinglist .item .wrapper .content{height:140px;overflowy:auto;wordbreak:breakword;lineheight:24px;}.guestbook_detail__leavinglist .item .wrapper .guestbook_content .draw_image{maxwidth:100%}.guestbook_detail__leavinglist .item .wrapper .guestbookcontent .owo_image{maxheight:24px}
  15. </style>
  16. </header>
  17. <script src=“域名/book.js”></script>
  18. <div class=“guestbook_container”>
  19. <div class=“guestbook_main”>
  20. <div class=“guestbook_detail”>
  21.  
  22. </div>
  23. </div>
  24. <?php guestbook($comments); ?>
  25.  
  26. <!– 评论开始 –>
  27. <?php if($allow_remark == ‘y’): ?>
  28. <?php blog_comments_post($logid,$ckname,$ckmail,$ckurl,$verifyCode,$allow_remark); ?>
  29. <div id=“postcomments” class=” <?php echo $Tconfig[“wow“];?>”>
  30. <ol class=“commentlist”>
  31. <?php blog_comments($comments); ?>
  32. </ol>
  33. </div>
  34. <?php endif;?>
  35. <!– 评论结束 –>
  36. </div>
  37.  
  38. </div>
  39. <?php include View::getView(‘footer’);?>

guestbook.js,上传到主题所引用的js文件夹里,也可以用上述代码自带的外部js,需要给所在主题的添加代码module.php。

进入emlog后台,来到页面,链接别名:页面模板:按照下图来设置,并且需要开启允许评论guestbookpage/page_guestbook最后可以进入页面看看效果了。

emlog-主题模板添加仿joe留言板

资源下载
文件1地址点击下载
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免责声明 1、本站所发布的全部内容源于互联网搬运,(包括源代码、软件、学习资料等)本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,版权争议与本站无关。您必须在下载后的23个小时之内,从您的电脑或手机中彻底删除上述内容。
2、访问本站的用户必须明白,本站对所提供下载的软件和程序代码不拥有任何权利,其版权归该软件和程序代码的合法拥有者所有,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如本站不慎侵犯您的版权请联系我们,我们将及时处理,并撤下相关内容!敬请谅解! 侵删请致信E-mail:messi0808@qq.com
3、如下载的压缩包需要解压密码,若无特殊说明,那么文件的解压密码则为www.xmy7.com
4、如遇到加密压缩包,请使用WINRAR解压,如遇到无法解压的请联系管理员!

小蚂蚁资源网 emlog模板 emlog-主题模板添加仿joe留言板 https://www.xmy7.com/moban/emlog/17641.html

相关文章