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

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

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

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

扫一扫手机访问