360°网站管家_运维学院_提供最新最全的服务器运维视频教程与网站维护视频教程
标题:
去除discuz瀑布流图片显示错乱不齐最简单的修改方法
[打印本页]
作者:
360网站管家
时间:
2017-5-28 00:18
标题:
去除discuz瀑布流图片显示错乱不齐最简单的修改方法
去除瀑布流层次不齐最简单的修改方法
9 B1 A1 }7 x6 P8 a: E
9 U& B( T+ U& A
升级Discuz!X3.0，用户会发现图片模式下，瀑布流的样式没法去设置了，不得不说，这是一个败笔，虽然现在瀑布流是时代的潮流，但是不是所有站都需要的
* q/ ^( `6 b! I5 y9 w
* F9 e5 c$ }3 P8 L! _
9 V* {/ V. s0 L+ _( c: |
修改文件：
1 g% v" M. E4 b
template/default/forum/forumdisplay_list.htm
" I4 i5 Z+ u2 h$ m; U" l
打开找到代码
. O# c- [/ Y+ y3 a) f
<h3 class="xw0">
复制代码
修改为
p) @& j. @+ j+ A8 w0 {1 B; P
% p7 K& I5 `1 `! c( T9 u( D
<h3 class="xw0" style=" height:10px; overflow:hidden">
复制代码
- h$ {3 H P% J( [; u% _
- Z" p# U1 g6 s: z% c
其中10px是指标题的高度， overflow:hidden是超过高度的部分隐藏起来
6 g3 i4 y4 m/ p" t
这样就解决了瀑布流层次不齐。
% T8 Y9 q0 K& e4 G, N0 l* h
7 u* h' A' R2 F& L: E
# u- z9 r8 w8 C+ G9 j/ C# L8 g
修改图片的高度（注：会造成缩略图的变形）
2 [7 a5 M. ~5 k2 }$ ^3 |
搜索：
, w Z9 ]% D- M) [& J
<img src="$thread[coverpath]" alt="$thread[subject]" width="{$_G[setting][forumpicstyle][thumbwidth]}" />
复制代码
修改为
3 c9 T6 o: I9 E8 Y
4 U L) F' ?& ?% h$ q4 i+ m1 v+ t& K4 q
<img src="$thread[coverpath]" alt="$thread[subject]" width="{$_G[setting][forumpicstyle][thumbwidth]}" height="300px;" />
复制代码
其中300为高度
( G2 i, U% I: f) o* |; U
" }3 _. \" O1 m& d6 G! Q9 j, {; D
6 V- g x. a9 d. q* N+ |. R g
% N% X9 G- Q7 K- t0 ]9 R. V( l
; ~ Z/ c3 X+ Y" n( l" c0 d
如果需要关闭瀑布流自动加载的话也是打开template/default/forum/forumdisplay_list.htm这个文件找到代码
) b Z% |, P. G# r9 J
: Z$ r& O) Q9 V' P" V+ H! K+ L: i
( w1 h( Z, t0 ?/ D/ k. k& v) v
<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>
复制代码
# m) z+ M7 R5 i$ j) ^3 @
9 b* |5 Y- q1 d) W8 j) l) t* j
更新缓存
) w# b) b9 j! _2 M( s( o* v z0 Y
* D% B$ H U5 O8 u
欢迎光临 360°网站管家_运维学院_提供最新最全的服务器运维视频教程与网站维护视频教程 (http://bbs.360wzgj.com/)
Powered by Discuz! X3.2