花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來(lái)到素材無(wú)憂(yōu)網(wǎng),按 + 收藏我們
登錄 注冊(cè) 退出 找回密碼

Discuz!X帖子內(nèi)容頁(yè)增加閱讀全文功能

時(shí)間: 2019-05-29 11:11 閱讀: 作者:素材無(wú)憂(yōu)網(wǎng)

很多小伙伴可能碰到在看帖的時(shí)候帖子很長(zhǎng),鼠標(biāo)滾輪滾很多次也看不到底的情況,這時(shí)候我們可以在帖子內(nèi)容頁(yè)增加閱讀全文功能,實(shí)現(xiàn)非常簡(jiǎn)單,由于沒(méi)有合適的嵌入點(diǎn),不能做成插件,只能自己修改代碼了,實(shí)現(xiàn)起來(lái)很簡(jiǎn)單,代碼如下:
一、找到 你的模板目錄/forum/viewthread_node_body.htm,打開(kāi)這個(gè)文件,找到第58行,
  1.   
    <div class="{if !$_G[forum_thread][special]}t_fsz{else}pcbs{/if}">
復(fù)制代碼
給這個(gè)div增加一個(gè)id
  1.  
     <div class="{if !$_G[forum_thread][special]}t_fsz{else}pcbs{/if}" {if $post['first']}id="rt"{/if}>
復(fù)制代碼

{if $post['first']}{/if}這個(gè)判斷是為了保證代碼只在樓主這層有效。

二、找到第180行,
  1.   
    <div id="comment_$post[pid]" class="cm">
復(fù)制代碼
在此之前粘貼以下代碼
  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}-->
    復(fù)制代碼

三、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 **/
    
    
    
   

版權(quán)聲明: 本站資源均來(lái)自互聯(lián)網(wǎng)或會(huì)員發(fā)布,如果侵犯了您的權(quán)益請(qǐng)與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!

轉(zhuǎn)載請(qǐng)注明: Discuz!X帖子內(nèi)容頁(yè)增加閱讀全文功能

標(biāo)簽:  
相關(guān)文章
模板推薦