标题 | dede软件列表模板中div css使软件缩略图靠左 |
范文 | 在dedecms的div css做的摸板,请问如何在软件列表页中显示软件缩略图,并图靠左排列! 既在着段 {dede:list pagesize='7'} <dl> <dt><a [field:filename/]'>[field:title/]</a></dt> <dd><strong>下载次数:</strong> [field:click/] <strong>加入日期:</strong> [field:pubdate function='GetDateMk(@me)'/] <strong>语言:</strong> [field:language/] <strong>授权:</strong> [field:accredit/]</dd> <dd>[field:description/]…</dd> </dl> {/dede:list} 中添加[field:imglink] 请问大家在摸板中因该怎么改,在soft.css里因该怎么改。 回答您的问题: 模板代码: {dede:list pagesize='7'} <dl> <dt><a [field:filename/]'>[field:title/]</a></dt> <dd><strong>下载次数:</strong> [field:click/] <strong>加入日期:</strong> [field:pubdate function='GetDateMk(@me)'/] <strong>语言:</strong> [field:language/] <strong>授权:</strong> [field:accredit/]</dd> <dd><img src="[field:imglink]" /></dd> <dd>[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; } 效果: ![]() |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。