diy时头像列表大小问题

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

1. <div class="module cl ml mls">
   
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; }
    

复制代码