最新最全的移动资源,海量教程攻略!

网站首页 > 技术支持 > discuz > discuz使用教程 > Dis最近cuz!X帖子内容页增加阅读全文功能

Dis最近cuz!X帖子内容页增加阅读全文功能

作者: 资源猫 时间: 2020-03-03 17:29:50 人气: 4

很多小伙伴可能碰到在看帖的时候帖子很长,鼠标滚轮滚很多次也看不到底的情况,这时候我们可以在帖子内容页增加阅读全文功能,实现非常简单,由于没有合适的嵌入点,不能做成插件,只能自己修改代码了,实现起来很简单,代码如下:
一、找到 你的模板目录/forum/viewthread_node_body.htm,打开这个文件,找到第58行,
div >
给这个div增加一个id
div 'first']}id= rt {/if} 复制代码
{if $post['first']}{/if}这个判断是为了保证代码只在楼主这层有效。
二、找到第180行,
div id= comment_$post[pid] >
在此之前粘贴以下代码
!--{if $post['first']}--
div > div > 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,粘贴一下代码即可。
/** 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 **/
复制代码

感谢访问资源猫吧,本站所有资源均来自互联网或用户分享,如您发现本站存在侵权或违规内容,请来邮件告知我们! 资源分享/侵权下架/商务合作联系邮箱:qiazou77ziyuan@126.com