360°网站管家_运维学院_提供最新最全的服务器运维视频教程与网站维护视频教程
标题:
去除discuz瀑布流图片显示错乱不齐最简单的修改方法
[打印本页]
作者:
360网站管家
时间:
2017-5-28 00:18
标题:
去除discuz瀑布流图片显示错乱不齐最简单的修改方法
去除瀑布流层次不齐最简单的修改方法
" W+ k& ^. t4 z* I" m
& f4 _5 x9 J1 ~6 C0 K4 ~4 M
升级Discuz!X3.0，用户会发现图片模式下，瀑布流的样式没法去设置了，不得不说，这是一个败笔，虽然现在瀑布流是时代的潮流，但是不是所有站都需要的
/ `: }# e$ u$ m& @& y' n9 L
+ d/ @6 d; \: g: K- w3 c8 |" u
1 d' Y5 l& F- `0 B4 F" G; r/ n/ T
修改文件：
2 ^ T0 L( j: t
template/default/forum/forumdisplay_list.htm
1 _ @* y: n+ s/ y0 n; J. y
打开找到代码
- ^" p4 ^; n8 N+ i( b$ J
<h3 class="xw0">
复制代码
修改为
: b# G4 A) f# l2 S
3 I& `" ^% E: ~
<h3 class="xw0" style=" height:10px; overflow:hidden">
复制代码
6 x4 F( \* n6 j& ^3 D2 I; R
c; M. F m1 w# O; g0 K
其中10px是指标题的高度， overflow:hidden是超过高度的部分隐藏起来
) W! p9 c z, l" C/ ?. |
这样就解决了瀑布流层次不齐。
* [+ J, [1 t+ B% N; F
/ e$ n5 d3 ]7 K, n) d9 e' ?4 K! O
( x; B4 O: b! E/ d4 j! o
修改图片的高度（注：会造成缩略图的变形）
& j- J3 T" w/ Q* V6 Y& L. B, N4 `
搜索：
. E% S _8 ^2 i- V3 }
<img src="$thread[coverpath]" alt="$thread[subject]" width="{$_G[setting][forumpicstyle][thumbwidth]}" />
复制代码
修改为
/ \4 X! i; D8 h: S D( l. @8 Z
6 s2 U. L- s# s1 R* q
<img src="$thread[coverpath]" alt="$thread[subject]" width="{$_G[setting][forumpicstyle][thumbwidth]}" height="300px;" />
复制代码
其中300为高度
$ O8 K& p9 l6 Q# ^. @2 }. L8 Y+ z
2 P, ?! g3 K4 O6 n2 t2 A
K! d7 L/ P+ s* v$ {3 u4 X+ {, w1 F
1 T0 [9 T9 j+ g8 _
5 L2 y$ g+ G, J7 I
如果需要关闭瀑布流自动加载的话也是打开template/default/forum/forumdisplay_list.htm这个文件找到代码
) r8 C3 O2 f3 x. I1 O! b
: h0 F9 H& f4 L8 i$ M. y- [
9 d9 V! o. N% n# s& H
<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>
复制代码
: v' T) P8 M( K/ `$ N) S
' ?# @: g2 C' ~: d
更新缓存
. y4 D4 t% a' V, {1 x E1 _
" j; ]9 E3 m+ O7 x$ Y- Z
欢迎光临 360°网站管家_运维学院_提供最新最全的服务器运维视频教程与网站维护视频教程 (http://bbs.360wzgj.com/)
Powered by Discuz! X3.2