淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

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

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

    连续签到: 1 天

    [LV.8]自成一派

    9

    主题

    125

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    69631

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

    发表于 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;}   就可以成功了

    评分

    参与人数 4美工币 +70 收起 理由
    dscsct + 20 乐于助人!
    sindy + 10 请教下,为什么按这代码就是不行呢?拜托了.
    青冉黄昏 + 20 感谢分享!
    落雪殇狐 + 20 感谢分享!

    查看全部评分

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


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

  • TA的每日心情
    臭美
    7 天前
  • 签到天数: 340 天

    连续签到: 1 天

    [LV.8]自成一派

    11

    主题

    466

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    52265

    最佳新人热心会员

    发表于 2016-1-18 09:38:51 | 显示全部楼层
    不错,哈哈。
  • TA的每日心情
    吐舌头
    2016-11-11 16:04
  • 签到天数: 312 天

    连续签到: 1 天

    [LV.8]自成一派

    0

    主题

    140

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    40428

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

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


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

  • TA的每日心情

    2016-8-17 13:29
  • 签到天数: 55 天

    连续签到: 1 天

    [LV.5]略有小成

    8

    主题

    72

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    34784

    最佳新人

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

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


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

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

    连续签到: 1 天

    [LV.2]登堂入室

    0

    主题

    78

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21661

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

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

    我的小店https://shop130580970.taobao.com 【淘宝装修群: 5807586】
  • TA的每日心情
    思考
    2016-10-19 01:10
  • 签到天数: 275 天

    连续签到: 1 天

    [LV.8]自成一派

    9

    主题

    125

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    69631

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

     楼主| 发表于 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

    主题

    78

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    21661

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

    看看签名

    我的小店https://shop130580970.taobao.com 【淘宝装修群: 5807586】
  • TA的每日心情
    思考
    前天 10:01
  • 签到天数: 615 天

    连续签到: 1 天

    [LV.9]已臻大成

    29

    主题

    625

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    149344

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

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

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

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

    连续签到: 1 天

    [LV.9]已臻大成

    29

    主题

    625

    帖子

    14万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    149344

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

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

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

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

    本版积分规则

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

    GMT+8, 2016-12-10 09:17 , Processed in 0.161242 second(s), 25 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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