麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > CMS > Discuz > 正文

Discuz!X帖子內容頁增加閱讀全文功能

2024-09-11 09:04:33
字體:
來源:轉載
供稿:網友
很多小伙伴可能碰到在看帖的時候帖子很長,鼠標滾輪滾很多次也看不到底的情況,這時候我們可以在帖子內容頁增加閱讀全文功能,實現非常簡單,由于沒有合適的嵌入點,不能做成插件,只能自己修改代碼了,實現起來很簡單,代碼如下:
一、找到 你的模板目錄/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 **/
   
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 免费a级网站 | 92看片淫黄大片欧美看国产片 | 播色网 | 黄视频网址 | 亚洲国产成人久久一区www妖精 | 亚洲一区动漫 | 一边吃奶一边摸下娇喘 | 成人性视频欧美一区二区三区 | 久久99精品久久久久久园产越南 | 久久精品99国产国产精 | 欧美精品电影一区二区 | av日韩一区二区三区 | 国产免费一区二区三区在线能观看 | 日韩中字在线 | 久草在线观看首页 | 日韩视频一区二区三区在线观看 | 久久av免费 | 九九热视频这里只有精品 | 亚洲一区二区中文字幕在线观看 | 欧美一级爱爱 | 噜噜社 | 欧日韩在线视频 | 久久久综合 | 欧美另类在线视频 | 91在线色 | 全网免费毛片 | 青青草免费观看 | 亚洲第九十九页 | 韩国精品一区二区三区四区五区 | 草草久久久| mmmwww| 精品一区二区三区免费视频 | 欧美高清一级片 | 亚洲免费毛片基地 | 免费观看黄色一级视频 | 一级啪啪片 | 国产午夜精品久久久 | 久久亚洲线观看视频 | 色网站免费观看 | 黄色伊人网站 | 国产一级aa大片毛片 |