吾爱汇站网
标题:
Discuz!X帖子内容页增加阅读全文功能
[打印本页]
作者:
有点刻苦
时间:
2018-12-25 13:04
标题:
Discuz!X帖子内容页增加阅读全文功能
很多小伙伴可能碰到在看帖的时候帖子很长,鼠标滚轮滚很多次也看不到底的情况,这时候我们可以在帖子内容页增加阅读全文功能,实现非常简单,由于没有合适的嵌入点,不能做成插件,只能自己修改代码了,实现起来很简单,代码如下:
一、找到 你的模板目录/forum/viewthread_node_body.htm,打开这个文件,找到第58行,
<div class="{if !$_G[forum_thread][special]}t_fsz{else}pcbs{/if}">
复制代码
给这个div增加一个id
<div class="{if !$_G[forum_thread][special]}t_fsz{else}pcbs{/if}" {if $post['first']}id="rt"{/if}>
复制代码
{if $post['first']}{/if}这个判断是为了保证代码只在楼主这层有效。
二、找到第180行,
<div id="comment_$post[pid]" class="cm">
复制代码
在此之前粘贴以下代码
<!--{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,粘贴一下代码即可。
/** 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 **/
复制代码
作者:
恐怖的秋千
时间:
2018-12-25 13:14
提示:
作者被禁止或删除 内容自动屏蔽
作者:
兢1980
时间:
2018-12-25 17:10
真是难得给力的资源啊!支持
作者:
薄荷近微凉
时间:
2018-12-25 18:36
看到这样的好资源真是高兴!感谢无私分享!
作者:
风轻云淡
时间:
2018-12-25 22:47
听说回帖是一种美德
作者:
少林派米奇
时间:
2018-12-26 06:55
听说回帖是一种美德
作者:
柏清奇
时间:
2018-12-26 14:15
不错 支持一个了
作者:
大明督师熊廷弼
时间:
2018-12-26 14:35
太生气了,无法HOLD啦 >_<......为什么我才发现吾爱汇站网这样的好站!
作者:
萌萌的SK陛下
时间:
2018-12-26 19:31
谢谢分享
作者:
lanyueyuwei
时间:
2018-12-26 20:07
找了很久,终于找到了!
作者:
兰庭一梦
时间:
2018-12-26 23:20
顶楼主啦..希望楼主多发精品好帖啦.....
作者:
张飞的飞
时间:
2018-12-26 23:59
强烈支持,免费就是给力啊!
作者:
可靠的姐姐wo
时间:
2018-12-27 15:19
看完好激动就是不知道能不能让我下载 嘿嘿
作者:
飛雪千層
时间:
2018-12-27 19:11
楼主呀,,,您太有才了。。。
作者:
kayozhao
时间:
2018-12-27 19:13
提示:
作者被禁止或删除 内容自动屏蔽
作者:
暴漫你还我节操
时间:
2018-12-27 23:33
前排支持下
作者:
问谜裙
时间:
2018-12-28 15:34
支持吾爱互站网
作者:
617954736
时间:
2018-12-28 21:46
支持站长 这个厉害啦
作者:
小白小白表哭
时间:
2018-12-29 07:33
下载了,谢了
作者:
~(@^_^@)~答答
时间:
2018-12-29 08:01
太生气了,无法HOLD啦 >_<......为什么我才发现吾爱汇站网这样的好站!
作者:
施施1126
时间:
2018-12-29 09:00
非常不错哈,就要这个了!
作者:
孤单0DE0剑客
时间:
2018-12-29 10:23
无回帖,不论坛,这才是人道。支持【吾爱汇站网】!
作者:
阿尔维斯会传中
时间:
2018-12-29 10:57
前排支持下
作者:
Enthusiasm嘉兮
时间:
2018-12-29 16:38
支持吾爱互站网
作者:
银月帝君
时间:
2018-12-29 18:11
看起来挺不错的,谢谢分享
作者:
古剑奇谭
时间:
2018-12-30 14:21
厉害,下载下来看看
欢迎光临 吾爱汇站网 (https://www.5ihz.cn/)
Powered by Discuz! X3.5