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

标题: 去除discuz瀑布流图片显示错乱不齐最简单的修改方法 [打印本页]
作者: 360网站管家    时间: 2017-5-28 00:18
标题: 去除discuz瀑布流图片显示错乱不齐最简单的修改方法
去除瀑布流层次不齐最简单的修改方法" _# f, d0 S* e
7 H; m1 M! s. ~4 X, P
升级Discuz!X3.0，用户会发现图片模式下，瀑布流的样式没法去设置了，不得不说，这是一个败笔，虽然现在瀑布流是时代的潮流，但是不是所有站都需要的9 Y2 i! A" N/ o9 ]: P1 `
  p3 l: S# w# r$ q: H+ V# D4 I

$ w2 n6 @3 d9 s" c/ b6 F+ @# z修改文件：4 C# P& A0 o5 d9 j9 Y# d! I) k
template/default/forum/forumdisplay_list.htm
# V$ b  R& f5 G& A打开找到代码9 H% w: R3 q0 C* t6 f
  1. <h3 class="xw0">
复制代码
修改为$ k8 i) ?5 k# D

/ |3 y. L* Z5 Z9 _# u
  1. <h3 class="xw0" style=" height:10px; overflow:hidden">
复制代码

9 L/ D- S: v) f9 M" ^1 U
1 x# q$ T. \9 t5 }3 ^3 I6 `& ?! Q- l其中10px是指标题的高度， overflow:hidden是超过高度的部分隐藏起来
* @: g: a: y3 o  L5 d这样就解决了瀑布流层次不齐。
8 f/ r" `' {" F. C$ i" P/ B2 ^0 c1 ^/ Y' Q8 Q5 l
4 H& n9 X3 Y$ N2 A  j$ W! X
修改图片的高度（注：会造成缩略图的变形）
) @0 B/ j4 ^6 |, [+ x6 E搜索：
+ j$ U% \! p* B2 F
  1. <img src="$thread[coverpath]" alt="$thread[subject]" width="{$_G[setting][forumpicstyle][thumbwidth]}" />
复制代码
修改为6 K6 }6 D1 N- h8 F+ m9 m

( k4 s# ~6 ~2 l5 H
  1. <img src="$thread[coverpath]" alt="$thread[subject]" width="{$_G[setting][forumpicstyle][thumbwidth]}" height="300px;" />
复制代码
其中300为高度
8 A3 D7 o* L$ j. H. R
% U) q6 w1 l4 X, p! N2 y$ l- |2 L; c- n6 Z$ R
( n- h; V1 F4 P; l
) v& M+ E  O  p$ ~
如果需要关闭瀑布流自动加载的话也是打开template/default/forum/forumdisplay_list.htm这个文件找到代码
' X3 }2 D4 i- c1 e
' P  r+ `  O- B$ N: `4 _" r1 V9 ^  J+ S6 d$ W- |+ L
  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>
复制代码
% g7 ^+ [( v/ g6 R" o$ G* g

5 k, A$ Q) w" s. Q+ X! s- ]5 Z1 P9 D( L更新缓存/ v( `% v! `2 o+ c

9 L" h: f! L9 m



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