X  
登录

暂时未开放注册

忘记密码?
登陆
X  
本站已关闭注册功能
统计
  • 建站日期:2022-03-19
  • 文章总数:404 篇
  • 评论总数:239 条
  • 分类总数:22 个
  • 最后更新:12月8日
文章 综合教程

如何在emlog主题模板添加仿joe留言板

安生
首页 综合教程 正文

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


如何在emlog主题模板添加仿joe留言板
-安生子-AnSheng
-第1
张图片

实现步骤

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

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

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

<?php 
/* 
Custom:page_gusetbook
Description:留言板
*/
if(!defined('EMLOG_ROOT')) {exit('error!');} 
?>
<div class="container container-page">
    <?php include View::getView('page/page_side');?>
    <div class="content">
        <header class="article-header">
        <h1 class="article-title"><?php echo $log_title; ?></h1>
        <style>
.guestbook_detail__leaving{padding-top:15px;}.guestbook_detail__leaving-none{padding:15px 0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;}.guestbook_detail__leaving-list{position:relative;height:320px}.guestbook_detail__leaving-list .item{display:none;position:absolute;width:200px;overflow:hidden;box-shadow:0 2px 10px 1px rgba(0,0,0,0.2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:0.88;height:210px;}.guestbook_detail__leaving-list .item .user{display:flex;align-items:center;padding:0 10px;color:#fff;border-bottom:1px dashed rgba(255,255,255,0.85);height:40px;cursor:move}.guestbook_detail__leaving-list .item .user .avatar{width:20px;height:20px;border-radius:50%}.guestbook_detail__leaving-list .item .user .nickname{min-width:0;flex:1;margin:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guestbook_detail__leaving-list .item .user .nickname a{color:#fff}.guestbook_detail__leaving-list .item .user .date{margin-left:auto}.guestbook_detail__leaving-list .item .wrapper{padding:10px}.guestbook_detail__leaving-list .item .wrapper .content{height:140px;overflow-y:auto;word-break:break-word;line-height:24px;}.guestbook_detail__leaving-list .item .wrapper .guestbook_content .draw_image{max-width:100%}.guestbook_detail__leaving-list .item .wrapper .guestbook-content .owo_image{max-height:24px}
        </style>
        </header>
          <script src="域名/book.js"></script>
<div class="guestbook_container">
            <div class="guestbook_main">
                <div class="guestbook_detail">

            &lt;/div&gt;
        &lt;/div&gt;
        &lt;?php guestbook($comments); ?&gt;

  &lt;!-- 评论开始 --&gt;
    &lt;?php if($allow_remark == 'y'): ?&gt;
        &lt;?php blog_comments_post($logid,$ckname,$ckmail,$ckurl,$verifyCode,$allow_remark); ?&gt;
        &lt;div id="postcomments" class=" &lt;?php echo $Tconfig["wow"];?&gt;"&gt;
            &lt;ol class="commentlist"&gt;
            &lt;?php blog_comments($comments); ?&gt;  
            &lt;/ol&gt;
        &lt;/div&gt;  
    &lt;?php endif;?&gt;
    &lt;!-- 评论结束 --&gt;
&lt;/div&gt;

</div>
<?php include View::getView('footer');?>

 

guestbook.js,上传到主题所引用的js文件夹里,也可以用上述代码自带的外部js
需要给所在主题的添加代码module.php
进入emlog后台,来到页面,链接别名:、页面模板:按照下图来设置,并且需要开启允许评论guestbookpage/page_guestbook最后可以进入页面看看效果了

 

评论 后就可下载了哦!

版权说明
文章采用: 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

-- 展开阅读全文 --
Rufus(U盘启动) v3.20 便携版
« 上一篇
iApp微头像最新版本源码
下一篇 »

发表评论

HI ! 请登录
注册会员,享受下载全站资源特权。
登陆
社交账号登录

时钟

热门文章

3
EMLOG插件-蜘蛛来访统计修复版
4
5
类和接口的关系