emlog-主题模板添加仿joe留言板-路羽博客-第1张图片

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

emlog-主题模板添加仿joe留言板-路羽博客-第2张图片

作者: 路羽

原创资源分享博客

emlog-主题模板添加仿joe留言板-路羽博客-第3张图片微信小程序

路羽博客 资源分享

       

前言

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

具体效果可以直接点击查看本站留言板

emlog-主题模板添加仿joe留言板-路羽博客-第4张图片

实现步骤

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

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

  • 将以下代码,新建文件page_guestbook.php,上传到自己的主题文件夹/page里,以下只是给出一个例子,具体还需根据所在主题样式的更改
<?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="https://luyubk.coding.net/p/js/d/js/git/raw/master/book.js"></script>
<div class="guestbook_container">
            <div class="guestbook_main">
                <div class="guestbook_detail">
                </div>
            </div>
            <?php guestbook($comments); ?>
      <!-- 评论开始 -->
        <?php if($allow_remark == 'y'): ?>
            <?php blog_comments_post($logid,$ckname,$ckmail,$ckurl,$verifyCode,$allow_remark); ?>
            <div id="postcomments" class=" <?php echo $Tconfig["wow"];?>">
                <ol class="commentlist">
                <?php blog_comments($comments); ?>    
                </ol>
            </div>    
        <?php endif;?>
        <!-- 评论结束 -->
    </div>
</div>
<?php include View::getView('footer');?>
  • guestbook.js,上传到主题所引用的js文件夹里,也可以用上述代码自带的外部js
  • 需要给所在主题的module.php添加代码
  • 进入emlog后台,来到页面,链接别名:guestbook、页面模板:page/page_guestbook按照下图来设置,并且需要开启允许评论
  • 最后可以进入页面看看效果了
  • emlog-主题模板添加仿joe留言板-路羽博客-第5张图片
免费资源
管理员设置了查看模式
此内容只限评论刷新页面查看
分享到:
未经允许不得转载:

作者: 路羽, 转载或复制请以 超链接形式 并注明出处 路羽博客
原文地址: 《emlog-主题模板添加仿joe留言板》 发布于2022-7-30

评论

          
       
  1. emer_RVZYpw 游客 Lv.2

    来看看

  2. トキメク 游客 Lv.1

    终是刘备负了蜀,接着奏乐接着舞

  3. 腾讯视频 游客 Lv.3

    感谢感谢

  4. 废废。 游客 Lv.1

    表情 厉害,看看

  5. . 游客 Lv.1

    学习学习

切换注册

登录

忘记密码?

您也可以使用第三方帐号快捷登录

切换登录

注册

路羽博客验证码