首页 网店学院 网店资讯 网店问答 专栏 店铺装修 拼多多入驻 虾皮入驻 推广返佣
    TOP
    甩手网 > 网店学院 > 网店装修 > 装修代码

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

    2015-06-12 10:30:13 人气:4117
    淘宝店铺代码装修是每个卖家需要学会的最基础装修,简单的代码能让我们的店铺得到升华。
     
    新手可能觉得代码这个东西比较难摸索,其实不然,淘宝店铺装修只要会写简单的代码就可以了,并不是让你去做开发那么繁琐。而且淘宝更是推出自定义代码装修,让卖家们可以做出自己的店铺特色,一个店铺有自己的鲜明装修风格更利于我们店铺的经营。那么如果要调整代码该如何做呢?
     
    这次我们主要来讲讲怎么把代码变成你想要的宽度?
     
    还是以上一次的代码为例:
     
    如下图:
    淘宝店铺装修代码怎么调整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做上去的。
    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    淘宝店铺装修

    淘宝店铺装修

    网店装修对于卖家来说就是通往销量的门,核心在于促进交易的进行。 良好的店铺装修能够给买家很直观的视觉体验和心理作用,进一步获得更优质的客户源和转化率,是我们经营店铺的一大利器。本专题让你能够学到从新手到...

    详情>>
    淘宝实用工具
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业QQ 800055007
    • 白班咨询电话(9:00-18:00):
      0755-26470437/26470392
      晚班咨询电话(18:00-22:00):
      18926581976/18926585976
    • 客服上班时间:
      周一至周五9:00--22:00,周末9:00--17:00
      (除法定节日以外,其他不在线时间请留言,
      我们看到后会第一时间回复您!)
    • 甩手网投诉电话:0755-26470437/26470392转621

    关注公众号

    Copyright ©2010-2020 深圳市华通易点信息技术有限公司 - 甩手网 All Rights Reserved.[粤ICP备12028137号]

    粤公网安备 44030502000916号

    关闭
    在线客服
    投诉建议