360°网站管家_运维学院_提供最新最全的服务器运维视频教程与网站维护视频教程
标题:
去除discuz瀑布流图片显示错乱不齐最简单的修改方法
[打印本页]
作者:
360网站管家
时间:
2017-5-28 00:18
标题:
去除discuz瀑布流图片显示错乱不齐最简单的修改方法
去除瀑布流层次不齐最简单的修改方法
% T: N e$ d7 X% y( R8 P
/ Y9 ~5 K0 a! X! f0 @, f M
升级Discuz!X3.0，用户会发现图片模式下，瀑布流的样式没法去设置了，不得不说，这是一个败笔，虽然现在瀑布流是时代的潮流，但是不是所有站都需要的
. H- \: ~1 x+ J; H/ O4 j( q K$ j
1 [, n! x$ k, I8 K0 E, K
+ w4 N6 I' Q' z& m( e5 k" x, o
修改文件：
0 @$ y1 I7 N6 H
template/default/forum/forumdisplay_list.htm
3 t, z# M1 |4 N0 N) c
打开找到代码
W0 l: }2 K% i9 }; b/ W! X9 {
<h3 class="xw0">
复制代码
修改为
@7 D6 ?* j3 ]; n4 ^4 G
# y8 |# N5 a0 L! D
<h3 class="xw0" style=" height:10px; overflow:hidden">
复制代码
; w7 O9 a% `) _: @
0 h$ E. A" Q% P) q5 w
其中10px是指标题的高度， overflow:hidden是超过高度的部分隐藏起来
6 b! P) E9 U: [! X' J1 t4 U
这样就解决了瀑布流层次不齐。
& |5 K8 c: ]) V( X& _
4 y% p6 P7 n$ t6 [/ y" s: t c8 `
0 Y& P+ p/ d# a& k
修改图片的高度（注：会造成缩略图的变形）
3 a$ W8 K* g$ P. C) W1 j
搜索：
* g; U* Y, N# \/ q' C: k
<img src="$thread[coverpath]" alt="$thread[subject]" width="{$_G[setting][forumpicstyle][thumbwidth]}" />
复制代码
修改为
5 c1 b7 v7 l& b3 t+ \6 n
0 @" M6 V4 O$ {5 a; T
<img src="$thread[coverpath]" alt="$thread[subject]" width="{$_G[setting][forumpicstyle][thumbwidth]}" height="300px;" />
复制代码
其中300为高度
1 q* w4 M" Y, [& S, M X
" `& h p. m( {7 Y1 u
4 ~) |0 h. }; X; ]4 q
' ?; j. b6 Q7 X0 l. c+ r* @6 g
2 t" J) H( T5 z0 S/ `* p* e
如果需要关闭瀑布流自动加载的话也是打开template/default/forum/forumdisplay_list.htm这个文件找到代码
' U& Z9 B/ {! W* }' e5 t2 M
( U* h k& m3 _* }2 _
9 D ]. x7 F# }. G- g5 X
<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>
复制代码
+ }2 I. Q& S2 a3 V
. }1 H$ g( @% A; x8 M* ]6 p
更新缓存
/ I( k) [1 o/ v( N1 X5 Q
4 @9 {. w8 h! _6 j: z
欢迎光临 360°网站管家_运维学院_提供最新最全的服务器运维视频教程与网站维护视频教程 (http://bbs.360wzgj.com/)
Powered by Discuz! X3.2