织梦dedecms想让缩略图靠左怎么设置

92建站   2021-08-12   收藏本文

本文介绍了织梦dedecms想让缩略图靠左怎么设置,编织梦dededms的divcs制作的触摸板,请告诉我如何在编织梦dedecms软件列表页面上显示软件缩略图,图在左侧排列,一起看看解决办法吧。

下面就来详细说说织梦想让缩略图靠左的设置办法。

实现教程:

找到这段,在这个

{dede:list pagesize='7'}

<dl>

<dt><a href='[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 href='[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 dd.info{ 

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; 

这样就可以了,有此需要的朋友可以试试看。

TAG标签: 织梦缩略图靠左
展开