淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 23677|回复: 40
收起左侧

基础版全屏店招,支持详情页全屏,强制店招热点!!!

  [复制链接]
  • TA的每日心情
    思考
    2016-10-19 01:10
  • 签到天数: 275 天

    连续签到: 1 天

    [LV.8]自成一派

    9

    主题

    126

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    69863

    淘宝钻级店美工最佳新人热心会员宣传达人

    发表于 2016-1-18 09:32:11 | 显示全部楼层 |阅读模式
    本帖最后由 wuhalang0302 于 2016-1-18 13:30 编辑

    效果店铺:https://item.taobao.com/item.htm?spm=a1z10.5-c.w4002-12812723838.42.OLzjXA&id=523164572395

    1. div.skin-box-bd{position:relative;top:-150px;left:-485px;width:1920px;height:30px;padding-top:150px;line-height:150px;background:#41040B url(1920*150);padding-left:500px;}
    复制代码
    首先将url(1920*150) 括号里面的1920*150改成自己图片的链接。。我做的是150高的。。 如果是120高的 自己更改。。。就可以了。。
    修改好后 将这段代码放进 CSS导航里。
    1. <div style="position:relative;z-index:99;">
    复制代码
    这是设置层级代码。  将这段代码 放进自己做好的店招代码的 第一行。。做的店招做好热点。。就可以 返回上面了。。。
    这样就可以 实现  详情全屏店招了。。而且 可以支持热点。。。。


    去掉页尾 150PX空白。。CSS导航代码更换为
    1. .skin-box-bd{background:#01060B url(1920*150) center top no-repeat;top:-150px;height:150px;width:1435px;left:-485px;padding-left:485px;position:relative;}.menu-list .all-cats{margin-top:150px;}
    复制代码
    CSS导航 采用此代码  即可 去掉 页尾留下的 150PX的空白。。。










    补充内容 (2016-4-8 08:24):
    第三段代码  如果 用的是 120店招    那就将第三段 代码  改成     top:-120px;height:150px;  。。。。{margin-top:120px;}   就可以成功了

    评分

    参与人数 5美工币 +80 收起 理由
    流星雨 + 10 万分感谢,搞了一天居然完美搞定了!.
    dscsct + 20 乐于助人!
    sindy + 10 请教下,为什么按这代码就是不行呢?拜托了.
    青冉黄昏 + 20 感谢分享!
    落雪殇狐 + 20 感谢分享!

    查看全部评分

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


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

  • TA的每日心情
    臭美
    2017-4-28 18:39
  • 签到天数: 342 天

    连续签到: 1 天

    [LV.8]自成一派

    11

    主题

    468

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    53565

    最佳新人热心会员

    发表于 2016-1-18 09:38:51 | 显示全部楼层
    不错,哈哈。
  • TA的每日心情
    抱抱
    2016-12-31 14:57
  • 签到天数: 313 天

    连续签到: 1 天

    [LV.8]自成一派

    0

    主题

    140

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    40642

    发表于 2016-1-18 09:46:23 | 显示全部楼层
    谢谢分享~~

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


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

  • TA的每日心情
    不爽
    4 天前
  • 签到天数: 88 天

    连续签到: 2 天

    [LV.6]渐入佳境

    14

    主题

    117

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    39153

    最佳新人

    发表于 2016-1-18 09:50:15 | 显示全部楼层
    谢谢分享

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


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

  • TA的每日心情
    心跳
    2016-8-21 09:50
  • 签到天数: 5 天

    连续签到: 1 天

    [LV.2]登堂入室

    0

    主题

    87

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31608

    QQ
    发表于 2016-1-18 10:03:46 | 显示全部楼层
    本帖最后由 等风来 于 2016-1-18 10:05 编辑

    这个要顶个 但问题来了 尾页有150px高的空白

  • TA的每日心情
    思考
    2016-10-19 01:10
  • 签到天数: 275 天

    连续签到: 1 天

    [LV.8]自成一派

    9

    主题

    126

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    69863

    淘宝钻级店美工最佳新人热心会员宣传达人

     楼主| 发表于 2016-1-18 10:22:49 | 显示全部楼层
    等风来 发表于 2016-1-18 10:03
    这个要顶个 但问题来了 尾页有150px高的空白

    表示 基础版 也没有 页尾 功能。。。 所以。。。 嘿嘿。。。

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


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

  • TA的每日心情
    心跳
    2016-8-21 09:50
  • 签到天数: 5 天

    连续签到: 1 天

    [LV.2]登堂入室

    0

    主题

    87

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31608

    QQ
    发表于 2016-1-18 10:33:56 | 显示全部楼层
    wuhalang0302 发表于 2016-1-18 10:22
    表示 基础版 也没有 页尾 功能。。。 所以。。。 嘿嘿。。。

    看看签名

  • TA的每日心情
    思考
    2016-12-8 10:01
  • 签到天数: 615 天

    连续签到: 1 天

    [LV.9]已臻大成

    29

    主题

    625

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    149464

    最佳新人热心会员宣传达人

    发表于 2016-1-18 10:38:35 | 显示全部楼层
    等风来 发表于 2016-1-18 10:03
    这个要顶个 但问题来了 尾页有150px高的空白

    解决方案看最后:http://www.ms580.cn/219.html

    美工帮 www.ms580.cn 免费的美工学习教程
  • TA的每日心情
    思考
    2016-12-8 10:01
  • 签到天数: 615 天

    连续签到: 1 天

    [LV.9]已臻大成

    29

    主题

    625

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    149464

    最佳新人热心会员宣传达人

    发表于 2016-1-18 10:40:38 | 显示全部楼层
    wuhalang0302 发表于 2016-1-18 10:22
    表示 基础版 也没有 页尾 功能。。。 所以。。。 嘿嘿。。。

    收掉padding-top,用高度代替,就没有了空隙

    美工帮 www.ms580.cn 免费的美工学习教程
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2017-8-20 15:42 , Processed in 0.217766 second(s), 27 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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