dede软件列表模板中div css使软件缩略图靠左_dedecms_CMS教程_迪尔课堂

在dedecms的div css做的摸板,请问如何在软件列表页中显示软件缩略图,并图靠左排列!HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)
既在着段HAI迪尔课堂自学网-|第二课堂|--(官网)
{dede:list pagesize='7'}HAI迪尔课堂自学网-|第二课堂|--(官网)
<dl>HAI迪尔课堂自学网-|第二课堂|--(官网)
<dt><a href='[field:filename/]'>[field:title/]</a></dt> HAI迪尔课堂自学网-|第二课堂|--(官网)
<dd class="info"><strong>下载次数:</strong> [field:click/] <strong>加入日期:</strong> [field:pubdate function='GetDateMk(@me)'/] <strong>语言:</strong> [field:language/] <strong>授权:</strong> [field:accredit/]</dd>HAI迪尔课堂自学网-|第二课堂|--(官网)
<dd class="preview">[field:description/]…</dd>HAI迪尔课堂自学网-|第二课堂|--(官网)
</dl>HAI迪尔课堂自学网-|第二课堂|--(官网)
{/dede:list}HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)
中添加[field:imglink]HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)
请问大家在摸板中因该怎么改,在soft.css里因该怎么改。HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)
回答您的问题:HAI迪尔课堂自学网-|第二课堂|--(官网)

HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)

模板代码: HAI迪尔课堂自学网-|第二课堂|--(官网)
{dede:list pagesize='7'} HAI迪尔课堂自学网-|第二课堂|--(官网)
<dl> HAI迪尔课堂自学网-|第二课堂|--(官网)
<dt><a href='[field:filename/]'>[field:title/]</a></dt> HAI迪尔课堂自学网-|第二课堂|--(官网)
<dd class="info"><strong>下载次数:</strong> [field:click/] <strong>加入日期:</strong> [field:pubdate function='GetDateMk(@me)'/] <strong>语言:</strong> [field:language/] <strong>授权:</strong> [field:accredit/]</dd> HAI迪尔课堂自学网-|第二课堂|--(官网)
<dd class="pvimg"><img src="[field:imglink]" /></dd> HAI迪尔课堂自学网-|第二课堂|--(官网)
<dd class="preview">[field:description/]…</dd> HAI迪尔课堂自学网-|第二课堂|--(官网)
</dl> HAI迪尔课堂自学网-|第二课堂|--(官网)
{/dede:list} HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)
CSS: HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)
修改: HAI迪尔课堂自学网-|第二课堂|--(官网)
.sbox dl dd.info{ HAI迪尔课堂自学网-|第二课堂|--(官网)
width:636px; HAI迪尔课堂自学网-|第二课堂|--(官网)
overflow:hidden; HAI迪尔课堂自学网-|第二课堂|--(官网)
color:#090; HAI迪尔课堂自学网-|第二课堂|--(官网)
line-height:23px; HAI迪尔课堂自学网-|第二课堂|--(官网)
} HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)
.sbox dl dd.preview{ HAI迪尔课堂自学网-|第二课堂|--(官网)
float:right; HAI迪尔课堂自学网-|第二课堂|--(官网)
width:536px; HAI迪尔课堂自学网-|第二课堂|--(官网)
line-height:21px; HAI迪尔课堂自学网-|第二课堂|--(官网)
color:#666666; HAI迪尔课堂自学网-|第二课堂|--(官网)
} HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)
增加: HAI迪尔课堂自学网-|第二课堂|--(官网)
.sbox dl dd.pvimg{ HAI迪尔课堂自学网-|第二课堂|--(官网)
width:94px; HAI迪尔课堂自学网-|第二课堂|--(官网)
height:60px; HAI迪尔课堂自学网-|第二课堂|--(官网)
overflow:hidden; HAI迪尔课堂自学网-|第二课堂|--(官网)
float:left; HAI迪尔课堂自学网-|第二课堂|--(官网)
border:1px solid #DDD; HAI迪尔课堂自学网-|第二课堂|--(官网)
} HAI迪尔课堂自学网-|第二课堂|--(官网)
.sbox dl dd.pvimg img{ HAI迪尔课堂自学网-|第二课堂|--(官网)
width:90px; HAI迪尔课堂自学网-|第二课堂|--(官网)
height:56px; HAI迪尔课堂自学网-|第二课堂|--(官网)
margin:2px; HAI迪尔课堂自学网-|第二课堂|--(官网)
} HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)
效果: HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)
HAI迪尔课堂自学网-|第二课堂|--(官网)

扫一扫手机访问