最近在论坛上很多用户提及到怎么更改 Discuz X 模板中 diy，如何调节会员头像列表的问题。在调用头像列时用到的模块模板

  1. <div >
  2. <ul>
  3. [loop]
  4. <li>
  5.         <a href="{url}" c="1"{target}><img  width =」48」 height=」48」 src="{avatar}"  alt="{title}" /></a>
  6.         <p><a href="{url}" title="{title}"{target}>{title}</a></p>
  7. </li>
  8. [/loop]
  9. </ul>
  10. </div>

有些用户说更改将 {avatar} 更成 {avatar_middle} 再调节 width 、 height 大小但是头像的大小却没有改变，原因是在样式文件中定义了 img 的宽度大小 (样式级别> 标签属性级别)
现在告诉大家更改的方法，打开 common.css 样式文件
调节.mls img{} 中 width 和 height 的大小，.mls li{} 中 width 大小，注意：.mls li{} 中的 width 一定要大于 .mls img{} 中的 width 和 height 的大小，这样图片才不会紧贴在一起。然后在后台更新缓存

  1. 找打如下：
  2. /* 图片列表 */
  3. .ml {}
  4.         .ml li { float: left; padding: 0 5px 5px; text-align: center; overflow: hidden; }
  5.                 .ml img { display: block; margin: 0 auto; }
  6.                 .ml p, .ml span { display: block; width: 100%;
    height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow:
    hidden; }
  7.                 .ml span, .ml span a { color: {LIGHTTEXT}; }
  8.         .mls li { padding: 0 0 5px; width: 66px; } 更改此处
  9.                 .mls img { width:48px; height:48px; } 更改此处
  10.                 .mls p { margin-top: 5px; }
  11.         .mlm li { padding: 0 0 5px; width: 150px; }
  12.                 .mlm img { width: 120px; height: 120px; }
  13.         .mla li { width: 140px; height: 224px; }
  14.         .mla1 li { height: 150px; }
  15.                 .mla .c { margin: 0 auto; width: 136px; height: 150px; background: url({IMGDIR}/gb.gif) no-repeat 0 0; }
  16.                         .mla .a { background-position: 0 100%; }
  17.                         .mla .c a { display: block; padding: 14px 4px 3px 8px; width: 120px; height: 120px; overflow: hidden; }
  18.                 .mla img { max-width: 120px; max-height: 120px;
    _width: expression(this.width > 120 &&
    this.width>=this.height ? 120 : true); _height:
    expression(this.height > 120 && this.width<=this.height ?
    120 : true); }
  19.         .mlp li { width: 140px; height: 140px; }
  20.         .mlp .d { padding: 0 0 5px; width: 150px; height: 180px; }