设为首页
收藏本站
本站导航
赞助会员
开启辅助访问
切换到宽版
登录
立即注册
只需一步,快速开始
网站首页
站长资讯
站长教程
有问必答
站长论坛
更多推荐
搜索
搜索
汇站互联
网址导航
符号素材
技术协助
本版
文章
帖子
用户
吾爱汇站网
»
站长论坛
›
站长之家
›
建站教程
›
Discuz!X帖子内容页增加阅读全文功能
吾爱汇站网官方联系方式
工作时间:
周一到周五早上09:00-11:00, 下午03:00-05:00, 晚上20:30-22:30(周六、日休息)
汇站小张
汇站佳佳
汇站西西
汇站艳子
QQ: 211985957 168528823 97147700 53150916
汇聚、帮助、交流 E-Mail:
postmaster@5ihz.cn
用户交流QQ群
1群21532443
2群413446685
←提醒:请勿重复加群,谢谢!(本站提供低价收费技术服务,详情联系在线客服)
1
2
3
/ 3 页
下一页
返回列表
发新帖
[Discuz教程]
Discuz!X帖子内容页增加阅读全文功能
[复制链接]
5588
|
25
|
2018-12-25 13:04:12
|
显示全部楼层
|
阅读模式
很多小伙伴可能碰到在看帖的时候帖子很长,鼠标滚轮滚很多次也看不到底的情况,这时候我们可以在帖子内容页增加阅读全文功能,实现非常简单,由于没有合适的嵌入点,不能做成插件,只能自己修改代码了,实现起来很简单,代码如下:
一、找到 你的模板目录/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:57
|
显示全部楼层
提示:
作者被禁止或删除 内容自动屏蔽
回复
支持
反对
使用道具
举报
兢1980
|
2018-12-25 17:10:16
|
显示全部楼层
真是难得给力的资源啊!支持
回复
支持
反对
使用道具
举报
薄荷近微凉
|
2018-12-25 18:36:11
|
显示全部楼层
看到这样的好资源真是高兴!感谢无私分享!
回复
支持
反对
使用道具
举报
风轻云淡
|
2018-12-25 22:47:04
|
显示全部楼层
听说回帖是一种美德
回复
支持
反对
使用道具
举报
少林派米奇
|
2018-12-26 06:55:10
|
显示全部楼层
听说回帖是一种美德
回复
支持
反对
使用道具
举报
柏清奇
|
2018-12-26 14:15:45
|
显示全部楼层
不错 支持一个了
回复
支持
反对
使用道具
举报
大明督师熊廷弼
|
2018-12-26 14:35:42
|
显示全部楼层
太生气了,无法HOLD啦 >_<......为什么我才发现吾爱汇站网这样的好站!
回复
支持
反对
使用道具
举报
萌萌的SK陛下
|
2018-12-26 19:31:00
|
显示全部楼层
谢谢分享
回复
支持
反对
使用道具
举报
lanyueyuwei
|
2018-12-26 20:07:53
|
显示全部楼层
找了很久,终于找到了!
回复
支持
反对
使用道具
举报
下一页 »
1
2
3
/ 3 页
下一页
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
有点刻苦
回复楼主
返回列表
建站教程
域名/虚机/服务器
有问必答
图文推荐
几个经常用到的网站伪原创文章相似度在线检测工具 ...
2018-09-16
突破网站禁止访问妙招
2019-03-08
百度搜索流量开始涌入智能小程序了
2019-03-11
公众号新出直播解决方案工具:“腾讯直播”
2019-03-13
seo写作:怎么满足搜索引擎的需求?
2019-03-17
热门排行
1
总结:8 大主流自媒体平台优缺点分析以及运营建议
2
网站聚合标签设置太多为什么会造成过度优化?
3
申通韵达撤出丰巢 或与“竞业禁止协议”有关
4
抖音开放淘宝店推广链接申请
5
百度内测AI免费建站
6
百度搜索MIP闪电标下线
7
详解利用小程序的SEO优化与赚钱技巧
8
安全软件“百度杀毒和百度卫士”宣布下架