许多小伙伴或许碰到在看帖的时分帖子很长，鼠标滚轮滚许屡次也看不究竟的状况，这时分咱们能够在帖子内容页添加阅览全文功用，完成十分简略，因为没有适宜的嵌入点，不能做成插件，只能自己修正代码了，完成起来很简略，代码如下：
一、找到 你的模板目录/forum/viewthread_node_body.htm，翻开这个文件，找到第58行，
  1. <div class="{if !$_G[forum_thread][special]}t_fsz{else}pcbs{/if}">
仿制代码
给这个div添加一个id
  1.  <div class="{if !$_G[forum_thread][special]}t_fsz{else}pcbs{/if}" {if $post['first']}id="rt"{/if}>
仿制代码

{if $post['first']}{/if}这个判别是为了确保代码只在楼主这层有用。

二、找到第180行，
  1. <div id="comment_$post[pid]" class="cm">
仿制代码
在此之前张贴以下代码
  1.     <!--{if $post['first']}-->
    <div class="read_all pbw cl" >
        <div class="read_more_mask"></div>
        <a class="read_more_btn" target="_self">阅览全文</a>
    </div>
  <script type="text/javascript">
  jq(function(){
    var widHeight = jq(window).height();
    var artHeight = jq('#rt').height();
    if(artHeight>(widHeight * 2.5)){
      jq('#rt').height(widHeight * 2.5 - 260).css({'overflow':'hidden'});
      var article_show = true;
      jq('.read_more_btn').on('click',bindRead_more);
    }else{
      article_show = true;
      jq('.read_all').hide().addClass('readall_box_nobg');
    }
    function bindRead_more(){
      if(!article_show){
        jq('#rt').height(widHeight * 2.5).css({'overflow':'hidden'});
        jq('.read_all').show().removeClass('readall_box_nobg');
        article_show = true;
      }else{
        jq('#rt').height("").css({'overflow':'hidden'});
        jq('.read_all').show().addClass('readall_box_nobg');
        jq('.read_all').hide().addClass('readall_box_nobg');
        article_show = false;
      }
    }
  })
    </script>
    <!--{/if}-->
仿制代码

三、css款式如下
找到 你的模板目录/common/module.css 或 模板目录/common/extend_module.css，张贴一下代码即可。
  1. /** forum::viewthread,group::viewthread **/
/*阅览全文按钮*/
.read_all { position: relative; margin-top: -200px;  z-index:999; text-align: center; }
.read_all .read_more_mask { height: 200px; background: -moz-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0)); background: -webkit-gradient(linear,0 top,0 bottom,from(rgba(255,255,255,0)),to(#fff)); background: -o-linear-gradient(bottom,rgba(255,255,255,0.1),rgba(255,255,255,0)); }
.read_more_btn { display:inline-block; padding:0 20px; background: #fff; border-radius: 4px; border: 1px solid {HIGHLIGHTLINK}; cursor:pointer; font-size: 16px; color:{HIGHLIGHTLINK}; line-height: 32px; }
.read_more_btn:hover { background:{HIGHLIGHTLINK}; color:#fff; text-decoration:none;  }
/** end **/

标签：

声明：有的资源均来自网络转载，版权归原作者所有，如有侵犯到您的权益 请联系邮箱：123456@qq.com 我们将配合处理！

原文地址：Discuz!X帖子内容页增加阅读全文功能发布于2023-02-20 12:52:13

相关推荐