快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 淘宝装修750代码模块怎么调整950?

淘宝装修750代码模块怎么调整950?

放大字体  缩小字体 发布日期:2024-06-04 09:03:52  来源:电商联盟  作者:乐发网  浏览次数:23

淘宝店铺代码装修是每个卖家需要学会的最基础装修,简单的代码能让我们的店铺得到升华。
新手可能觉得代码这个东西比较难摸索,其实不然,淘宝店铺装修只要会写简单的代码就可以了,并不是让你去做开发那么繁琐。而且淘宝更是推出自定义代码装修,让卖家们可以做出自己的店铺特色,一个店铺有自己的鲜明装修风格更利于我们店铺的经营。那么如果要调整代码该如何做呢?
这次我们主要来讲讲怎么把代码变成你想要的宽度?
还是以上一次的代码为例:
如下图:
淘宝店铺装修代码怎么调整950? 1
显示效果如下:
淘宝店铺装修代码怎么调整950?2
我们都知道代码宽度是:width="750"那么我们就直接把这个750改成950看下效果:
淘宝店铺装修代码怎么调整950? 3
显示效果如下:
淘宝店铺装修代码怎么调整950? 4
这时看到上面的效果是不是不是自己想要的。因为总宽度750变成950,中间相差了200像素。也就是950-750=200PX,那么我们把这200分别加到每一张图片上,我们得知以前750的图片宽度是360,那么加100就是460PX,所以得出:360+100=460PX.如下图:
淘宝店铺装修代码怎么调整950? 5
显示效果如下:好了,您可能用手机观看的话是看不出950和750的区别。因为手机会统一把图片调成你用的手机屏幕大小以适配手机。其实下面的效果是950宽的,图片是460PX了。
淘宝店铺装修代码怎么调整950?7
小技巧:一般人我是不会告诉他的。
其实你可以把图片的宽度都去掉,还有表格的宽度也去掉。那么他就变成了高度和宽度都不限。那么他的总宽就是两张图片的宽度+3个10像素的间距的总和。
比如你的图片做成如下的大小:245*275px
为什么我要换图举例,因为我上面的图片实际大小是800*800的,等下高宽不限就等于800+800+30=1630PX,已经远远超出淘宝首页最大宽度。所以。
淘宝店铺装修代码怎么调整950?8
好了,我们把这个图片替换然后再把宽度都去掉以后的效果如下:三个简头的地方就是宽度,我把三个的宽度都去掉了。
淘宝店铺装修代码怎么调整950? 9
显示效果如下:这个的表格宽度就是:10+245+10+245+10=520px;
淘宝店铺装修代码怎么调整950? 10
如果你要让他变成750宽,那么你就要把图片做成(750-30)/2=360px;要是950呢?
就是:(950-30)/2=460px;
如果是商城用的790宽的和990宽的呢,方法同上哦。
(790-30)/2=380px; (990-30)/2=480px;
如果是不要间距,通常所说的无缝格子。那么我们就把代码里的间距去掉: style="padding:10px 10px 10px 0px;"
淘宝店铺装修代码怎么调整950?11
去掉以后效果,当然只要去掉padding:10px 10px 10px 0px;这一段就可以,因为这个里面只有间距没有其它参数如背景颜色字体大小什么的。所以为了精简我就把整个样式都去掉了。
淘宝店铺装修代码怎么调整950? 12
显示效果如下:
淘宝店铺装修代码怎么调整950? 13
这个粉色的间距是没有的,这个是图片上本来就有的。文字和价格都是用PS做上去的。

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 淘宝装修750代码模块怎么调整950?

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
【官方】旺铺新功能多端同步页使用教程 【官方】新旺铺教程之宝贝详情模板
淘宝装修子账号设置流程 【官方教程】旺铺模块使用基础
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问