360°网站管家_运维学院_提供最新最全的服务器运维视频教程与网站维护视频教程
标题:
去除discuz瀑布流图片显示错乱不齐最简单的修改方法
[打印本页]
作者:
360网站管家
时间:
2017-5-28 00:18
标题:
去除discuz瀑布流图片显示错乱不齐最简单的修改方法
去除瀑布流层次不齐最简单的修改方法
) J. {, {7 q! P' W# X4 u
: Q7 J1 [+ N5 ~/ v& M/ n
升级Discuz!X3.0，用户会发现图片模式下，瀑布流的样式没法去设置了，不得不说，这是一个败笔，虽然现在瀑布流是时代的潮流，但是不是所有站都需要的
5 I2 M _7 i; v
: D4 o6 p- |+ n
, a- m2 z3 d! t2 u; f$ j* l- B/ C
修改文件：
0 `* M) F! c) W. T; v2 E
template/default/forum/forumdisplay_list.htm
7 {- @) ^4 j7 t2 i
打开找到代码
4 g7 ~2 O) k8 ?- N* x
<h3 class="xw0">
复制代码
修改为
5 [/ z6 J, Z7 q" k' E+ H
7 a8 t9 ?, p) R6 s, S( E/ M& n/ m3 x
<h3 class="xw0" style=" height:10px; overflow:hidden">
复制代码
4 r- s7 n7 q! U) l1 i
6 l- C. [# e/ h% x" V* j
其中10px是指标题的高度， overflow:hidden是超过高度的部分隐藏起来
2 Q, k0 I. n' g& y" P
这样就解决了瀑布流层次不齐。
; U# n2 {. `0 z1 L+ a
- V- i u7 z* |0 e4 n3 G9 ^
% T; w/ |" C5 Y9 ^
修改图片的高度（注：会造成缩略图的变形）
/ y: p' \4 I6 v2 [
搜索：
4 e: ?% S `- U1 H
<img src="$thread[coverpath]" alt="$thread[subject]" width="{$_G[setting][forumpicstyle][thumbwidth]}" />
复制代码
修改为
6 t3 c6 d8 k9 q! b4 o$ B
- q4 X1 K: {( s' y$ l% c$ T: v
<img src="$thread[coverpath]" alt="$thread[subject]" width="{$_G[setting][forumpicstyle][thumbwidth]}" height="300px;" />
复制代码
其中300为高度
: v4 `1 o; q$ T! u
, F: m# \5 C( a0 a( `
! R* N1 C7 t, T0 m
. r; t/ m2 }# O
* I8 T/ j8 J0 e2 r ]
如果需要关闭瀑布流自动加载的话也是打开template/default/forum/forumdisplay_list.htm这个文件找到代码
' P8 F" T2 Z. I! v
# A% t; Q$ R6 q. b3 n
: q- ~5 Z1 T& |. W! m; s
<div id="pgbtn" class="pgbtn"><a href="forum.php?mod=forumdisplay&fid={$_G[fid]}&filter={$filter}&orderby={$_GET[orderby]}{$forumdisplayadd}&{$multipage_archive}&page=$nextpage" hidefocus="true">{lang next_page_extra}</a></div>
复制代码
O% X" H# A9 m m5 U" \3 A
: Q4 [1 k( h6 A% I& p3 B; v# {
更新缓存
" O( O4 v, L) H: V- x
" H, p8 o% g# t
欢迎光临 360°网站管家_运维学院_提供最新最全的服务器运维视频教程与网站维护视频教程 (http://bbs.360wzgj.com/)
Powered by Discuz! X3.2