PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步,快速开始

发新话题 回复该主题

文章资讯图片展示每行显示个数 [复制链接]

1#

如图设置文章资讯类,图片展示,显示结果为每行三个,怎么改为每行四个?

分享 转发
TOP
2#

现在数据表单中找到文章资讯,


点击模型管理,
因为你是在模块中调用,就点击模块模型

找到你调用的模型,你调用的是图片展示,你就找到图片展示,然后看他的class名称,根据class名称在comm.css中查找,就可以修改了,

还有一种方法,你可以根据浏览器的查看元素的方法找到你要修改地方所在的位置,可以更快修改,

右键点击,找到查看元素,


找到li,右侧会显示class名和所在文件名,根据名称找到后修改就可以了
TOP
3#

[b]回复 [url=http://bbs.pageadmin.net/showtopic-37982.aspx#142031]2楼[color=Olive]xiyou[/color]的帖子[/url][/b]

找到了,但是应该改哪里呢?不会css ,下面的文字和图片位置也不对应了,是不是也在这些代码里改呢?
/*图片展示*/
.tpzs_box{clear:both;overflow:hidden;}
.tpzs_box a.pic{clear:both;display:block;width:50%;height:50%;margin:5px;overflow:auto;}
.tpzs_box a.pic:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}
.tpzs_box a.pic img{display:block;width:100%;height:auto;-webkit-transition:1.2s;-moz-transition:1.2s;}
.tpzs_box a.tpzs_title{display:block;width:100%;height:3em;line-height:3em;color4d4d4d;margin-

bottom:1.5em;overflow:hidden;text-align:center;}
.tpzs_box a.tpzs_title:hover{colorc5781f}
TOP
4#

这里没有,你在找找,有一句是控制了li的宽度,还没有就自己添加一句,.tpzs_box li{width:25%;float:left;} 实在不行你有没有网址,发一下你的网址,或者你用的是哪个模板,我看看
TOP
5#

[b]回复 [url=http://bbs.pageadmin.net/showtopic-37982.aspx#142040]4楼[color=Olive]xiyou[/color]的帖子[/url][/b]

添了那行代码解决了,谢谢  

TOP
发新话题 回复该主题