360°网站管家_运维学院_提供最新最全的服务器运维视频教程与网站维护视频教程

标题: 去除discuz瀑布流图片显示错乱不齐最简单的修改方法 [打印本页]
作者: 360网站管家    时间: 2017-5-28 00:18
标题: 去除discuz瀑布流图片显示错乱不齐最简单的修改方法
去除瀑布流层次不齐最简单的修改方法6 Z/ G$ w+ H9 D6 U! O. m) K

0 j: _& x$ P0 i  M+ q5 f6 n" S8 P升级Discuz!X3.0，用户会发现图片模式下，瀑布流的样式没法去设置了，不得不说，这是一个败笔，虽然现在瀑布流是时代的潮流，但是不是所有站都需要的8 D3 h1 R0 \4 `: R# b
5 M7 `0 I% i* J+ ?/ J6 `' X

) }$ a8 o: `  t5 M  p修改文件：) b. L2 g+ k4 z2 g. f, y
template/default/forum/forumdisplay_list.htm# S, c. a) G7 f$ g. f$ F% V
打开找到代码6 B/ E1 I6 i/ w% O# T) }
  1. <h3 class="xw0">
复制代码
修改为
+ |! l3 Z3 y5 B3 q$ D$ C# f
7 K* p: k; a( a" s2 K
  1. <h3 class="xw0" style=" height:10px; overflow:hidden">
复制代码

+ A# N* |$ Z7 q+ m
* p4 T2 c0 D7 o* _/ x其中10px是指标题的高度， overflow:hidden是超过高度的部分隐藏起来) E. ]7 q1 `+ o+ W
这样就解决了瀑布流层次不齐。  e$ C5 t9 A2 P; e; V7 l

+ q2 Y; N& `' B( f; n" n- G. @$ o0 H/ `# Z7 S+ w
修改图片的高度（注：会造成缩略图的变形）
0 I9 e( W5 V: {. I( k- N搜索：' G- f! N$ n0 O# {
  1. <img src="$thread[coverpath]" alt="$thread[subject]" width="{$_G[setting][forumpicstyle][thumbwidth]}" />
复制代码
修改为% }* {# w8 [9 r4 R% a# D# D& g5 G0 x! t
! z" b5 s; L7 h) p0 F
  1. <img src="$thread[coverpath]" alt="$thread[subject]" width="{$_G[setting][forumpicstyle][thumbwidth]}" height="300px;" />
复制代码
其中300为高度 % e, k3 T$ Z' D$ e3 f7 N

8 e; ]( ?+ Q( I8 k- C7 k' T8 @  T* O) h: X+ R; O( r9 D

6 j8 m9 A" x; w' e' h9 ], s; X3 J3 P% r
如果需要关闭瀑布流自动加载的话也是打开template/default/forum/forumdisplay_list.htm这个文件找到代码% [; L" t) X! ]* a+ c# \

# G; c% f8 m7 z7 V5 ?. H* F- ]% m3 k) a, z$ N6 P
  1. <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>
复制代码

# b( d$ \/ M" |$ R+ O. H) ?
% U& H0 f! C& P# `7 [" K更新缓存7 l" L/ F4 ?: X' O/ R; R* [

  S# D; i3 x# ^7 u



欢迎光临 360°网站管家_运维学院_提供最新最全的服务器运维视频教程与网站维护视频教程 (http://bbs.360wzgj.com/) Powered by Discuz! X3.2