dede软件列表模板中div css使软件缩略图靠左

时间:2014-08-04 14:24:03来源:作者:点击:

  在dedecms的p css做的摸板,请问如何在软件列表页中显示软件缩略图,并图靠左排列!


既在着段
{dede:list pagesize='7'}
<dl>
<dt><a [field:filename/]'>[field:title/]</a></dt> 
<dd class="info"><strong>下载次数:</strong> [field:click/] <strong>加入日期:</strong> [field:pubdate function='GetDateMk(@me)'/] <strong>语言:</strong> [field:language/] <strong>授权:</strong> [field:accredit/]</dd>
<dd class="preview">[field:description/]…</dd>
</dl>
{/dede:list}

中添加[field:imglink]

请问大家在摸板中因该怎么改,在soft.css里因该怎么改。

回答您的问题:

模板代码: 
{dede:list pagesize='7'} 
<dl> 
<dt><a [field:filename/]'>[field:title/]</a></dt> 
<dd class="info"><strong>下载次数:</strong> [field:click/] <strong>加入日期:</strong> [field:pubdate function='GetDateMk(@me)'/] <strong>语言:</strong> [field:language/] <strong>授权:</strong> [field:accredit/]</dd> 
<dd class="pvimg"><img src="[field:imglink]" /></dd> 
<dd class="preview">[field:description/]…</dd> 
</dl> 
{/dede:list} 

CSS: 

修改: 
.sbox dl { 
width:636px; 
overflow:hidden; 
color:#090; 
line-height:23px; 


.sbox dl dd.preview{ 
float:right; 
width:536px; 
line-height:21px; 
color:#666666; 



增加: 
.sbox dl dd.pvimg{ 
width:94px; 
height:60px; 
overflow:hidden; 
float:left; 
border:1px solid #DDD; 

.sbox dl dd.pvimg img{ 
width:90px; 
height:56px; 
margin:2px; 



效果: 



dede软件列表模板中p css使软件缩略图靠左 三联

上一篇: 下一篇:

您可能感兴趣的文章

无相关信息

文章评论