找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 105|回复: 0

[cms教程] dede软件列表模板中div css使软件缩略图靠左

[复制链接]

该用户从未签到

发表于 2018-3-15 20:31:00 | 显示全部楼层 |阅读模式

您需要 登录 才可以下载或查看,没有账号?立即注册

×
dede软件列表模板中div css使软件缩略图靠左
在dedecms的div css做的摸板,请问如何在软件列表页中显示软件缩略图,并图靠左排列!
既在着段
{dede:list pagesize='7'}
[url=[field:filename/,,[field:title/,[/url]
下载次数: [field:click/, 加入日期: [field:pubdate function='GetDateMk(@me)'/, 语言: [field:language/, 授权: [field:accredit/,
[field:description/,…
{/dede:list}
中添加[field:imglink,
请问大家在摸板中因该怎么改,在soft.css里因该怎么改。
回答您的问题:
模板代码:
{dede:list pagesize='7'}

[url=[field:filename/,,[field:title/,[/url]
下载次数: [field:click/, 加入日期: [field:pubdate function='GetDateMk(@me)'/, 语言: [field:language/, 授权: [field:accredit/,
[img][/img]

[field:description/,…

{/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;
}
效果:

[i,=700) window.open('http://www.jb51.net/files.jb51.net/file_images/cms/2009661551737577801.gif');" alt="" onload="if(this.width>'700')this.width='700';" border="0" src="http://www.jb51.net/files.jb51.net/file_images/cms/2009661551737577801.gif" />
回复

使用道具 举报

网站地图|页面地图|文字地图|Archiver|手机版|小黑屋|找资源 |网站地图

GMT+8, 2024-9-30 11:36

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表