aspcms修改产品图片大小技巧分享
发布时间:2022/3/20 7:59:00
1508人看过
字号:大 中 小
这几天了解了下aspcms,发现模板比较多,对于企业站该有的功能都有,并且能生成静态页面。刚好朋友要建一个自己的网站,我就帮他用这个做了一个,发现非常实用,模版也非常不错,稍微修改一下就能用,而且免费!但是在修改过程中也遇到一点问题,问度娘也没有查到有用的信息,费了点时间,自己搞定了。问题那就是修改网页产品展示页面中产品图片大小,包括首页的产品缩略图、产品列表的缩略图、产品展示页面相关产品缩略图。
1、修改产品展示中图片尺寸大小
查看product.html模板代码中产品展示图片代码,找到相应代码,class=thumbpic,于是得知CSS样式中控制图片大小的代码,在dw里从文件夹搜索thumbpic,找到style.css中相应的样式代码,改掉图片大小代码,上传覆盖,OK,大功告成!
2、修改首页的产品缩略图尺寸大小
通过相同的方法,找到首页中控制图片大小的代码:IMG class="attachment-small",于是在dw里从文件夹搜索attachment-small,结果搜不到,于是再搜索attachment,同样没结果!再搜索small也没有找到相应的代码!这是怎么回事呢?难不成这些样式代码在数据库里(上次帮老师修改过一个网站模板代码就在acc数据库里,BT了吧)?于是又把数据库翻了个遍,也没有找到相应的代码!奇了怪了~还有这种事!于是直接在index.html模版上写上控制图片大小的代码,上传覆盖,不起作用!看来这个隐藏的很深啊!
我就不信找不出来!利用中午午休的时间,我再一次努力查找飞宝网!终于有所突破。根据他图片现有的尺寸,在代码里搜索,无果。就直接在style.css里查看。我发现模板中原有的缩略图都是长宽比例1:1的,所以控制尺寸大小的样式代码也应该是1:1的,找到尺寸差不多的代码,修改上传,看一下是不是碰对了!结果,苍天不负有心人,终于找到了!products UL LI IMG,在css样式文件里,修改这个代码下的尺寸大小,就是首页缩略图大小。
3、修改产品列表中产品缩略图尺寸大小
方法同上,修改style.css中productlist LI IMG相应的代码,即可得到自己想要的尺寸!
4、修改产品展示页面相关产品缩略图尺寸大小
方法同第二步,修改style.css中the_related UL LI IMG相应代码!总结一下,直接在css样式中查找跟IMG有关的代码,就可以找到控制图片大小的相应代码!
最后整理一下,在站长之家里看到aspcms相应的下载页面看到评论说,aspcms是修改的别人的代码,从这次修改中可以看出来,起码模板文件应该不知道copy哪里的,。综上所述,IMG class="attachment-small"这段代码应该是修改模板文件时的遗留代码~大家觉得我分析的对不对呢?aspcms真的是开了个很大的玩笑啊!