淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3779|回复: 6
收起左侧

简单代码突破750基础版限制实现950/990/全屏

[复制链接]
  • TA的每日心情

    2017-9-5 15:01
  • 签到天数: 17 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    60

    主题

    211

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    40212

    QQ
    发表于 2017-4-14 14:10:59 | 显示全部楼层 |阅读模式
    本帖最后由 cwang 于 2017-4-14 14:17 编辑

    290.jpg
    做淘宝的都有一个烦恼,就是信誉高了,等级上了,反倒装修模板不能用了,在一钻以下的卖家可以免费试用专业版,但是上钻之后只能购买专业版,又是百来块几个季度的,很浪费钱,将就用用基础版呢,又好难看,今天介绍给各位设计师一个巧妙方法,适用于新手设计师以及新手卖家的,突破基础版的750尺寸变全屏,变950,等等

    需要用到:装修后台中的自定义内容模块,现在一般都是代码装修,很少去用到本身自带的几个简单模块来装修,都是为了好看,一整个页面就做的特别炫特别好看的,就要用到自定义内容了

    现在讲重点,小编来试验一下:测试一个现在已经是基础版的小店
    640.webp.jpg

    原本950尺寸的页面模板代码是这样的:
    640.webp (1).jpg
    基础版只有190和750模块,放在这些模块里就会一部分被挡住看不到,而且不居中,就像这样
    640.webp (2).jpg

    现在我们只要在代码前加一段另外的代码,就可以突破这个750尺寸,变成原来的居中950代码了,不过要自己调整一下前缀代码中的尺寸,要尝试几下才能完美。
    前缀代码:

    1. <div style="text-align: left;"><span style="line-height: 1.5;"><div style="overflow:hidden;zoom:1;height:1200px;"></span></div><div style="text-align: left;"><span style="line-height: 1.5;">  <div class="footer-more-trigger" style="width:950px;height:1200px;left:auto;top:auto;margin:0;padding:0;border:0;"></span></div><div style="text-align: left;"><span style="line-height: 1.5;">    <div class="footer-more-trigger" style="top:auto;left:-200px;margin:0;padding:0;border:0;"></span></div><div style="text-align: left;"><span style="line-height: 1.5;">      <table border="0" cellpadding="0" cellspacing="0" height="1200" width="950"></span></div><div style="text-align: left;"><span style="line-height: 1.5;">        <tbody></span></div><div style="text-align: left;"><span style="line-height: 1.5;">          <tr></span></div><div style="text-align: left;"><span style="line-height: 1.5;">            <td></span></div><div style="text-align: left;"><span style="line-height: 1.5;">              <div></span></div>
    复制代码



    上面是代码,介绍一下其中需要改的几个数值
    640.webp (3).jpg
    其中1200是指你需要突破的这块内容的高度是多少,
    -200就是指向左向右偏移多少,我这边就是向左走200px,才能变成居中形态
    以下是预览效果:
    640.webp (4).jpg
    640.webp (5).jpg


    完美居中,突破750基础版成功,这前缀代码可以多研究研究,然后自己创新哦!
    整体预览:
    640.webp (6).jpg

    关注发现更多有趣的设计!

    0.gif




    关注ARIS设计:点击扫描
    模板下载&设计教程:http://dwz.cn/5H11q8
  • TA的每日心情

    2017-9-5 15:01
  • 签到天数: 17 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    60

    主题

    211

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    40212

    QQ
     楼主| 发表于 2017-4-14 14:17:28 | 显示全部楼层
    1. <div style="overflow:hidden;zoom:1;height:1200px;">
    2.         <div class="footer-more-trigger" style="width:950px;height:1200px;left:auto;top:auto;margin:0;padding:0;border:0;">
    3.                 <div class="footer-more-trigger" style="top:auto;left:-200px;margin:0;padding:0;border:0;">
    4.                         <table border="0" cellpadding="0" cellspacing="0" height="1200" width="950">
    5.                                 <tbody>
    6.                                         <tr>
    7.                                                 <td>
    8.                                                         <div>
    复制代码

    关注ARIS设计:点击扫描
    模板下载&设计教程:http://dwz.cn/5H11q8
    回复 支持 1 反对 0

    使用道具 举报

  • TA的每日心情

    2017-9-5 15:01
  • 签到天数: 17 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    60

    主题

    211

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    40212

    QQ
     楼主| 发表于 2017-4-14 14:11:43 | 显示全部楼层
    ARIS设计室
    主营:电商行业外包、平面设计
    项目:首页、专题页、活动页、海报、主图、钻展图、直通车、详情页等电商行业项目;单页、海报、宣传单、展架等平面项目
    主旨:扶植新手淘宝、维护老客户、用心诚信
    作品展示
    致设计:http://dwz.cn/5H1p2z;
    站酷:http://arishome.zcool.com.cn/;
    90设计:http://90sheji.com/u/2390/?a=pic;
    花瓣:http://huaban.com/boards/29001440/
    模板下载
    昵图网:http://hi.nipic.com/people/13491706/index.html;
    汇图网:http://hi.huitu.com/990611/;
    我图网:http://hi.ooopic.com/QQ29D08E35
    微信公众号
    模板下载&设计教程:http://dwz.cn/5H11q8
    关于ARIS&作品展示:http://dwz.cn/5H12Qe
    关注ARIS设计:点击扫描
    模板下载&设计教程:http://dwz.cn/5H11q8
  • TA的每日心情
    大哭
    昨天 01:34
  • 签到天数: 694 天

    连续签到: 1 天

    [LV.9]已臻大成

    41

    主题

    1349

    帖子

    12万

    积分

    高级会员

    阅读权限: 50

    没有什么问题是人民币解决不了的,如果有,那就美金

    Rank: 8Rank: 8

    积分
    122295

    最佳新人活跃会员热心会员优秀版主淘宝皇冠店美工淘宝钻级店美工天猫美工宣传达人灌水之王

    发表于 2017-4-15 10:34:12 | 显示全部楼层
    现在一钻以下都不能用专业版了
    本人比较懒,懒懒懒懒懒!
  • TA的每日心情
    大哭
    昨天 14:45
  • 签到天数: 960 天

    连续签到: 2 天

    [LV.10]功行圆满

    39

    主题

    2695

    帖子

    21万

    积分

    高级会员

    阅读权限: 50

    【单身狗认证】

    Rank: 8Rank: 8

    积分
    213061

    最佳新人热心会员宣传达人活跃会员优秀版主灌水之王

    QQ
    发表于 2017-4-15 16:19:25 | 显示全部楼层
    可以的很干 应该加精
  • TA的每日心情
    抱抱
    2017-8-18 13:36
  • 签到天数: 22 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    20

    主题

    236

    帖子

    9701

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    9701

    发表于 2017-6-23 14:48:23 | 显示全部楼层
    下载一个誓言装修助手就可以了。

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|坛主个人微信公众号|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2017-11-19 14:51 , Processed in 0.179906 second(s), 21 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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