淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 438|回复: 5
收起左侧

[装修相关] 店招CSS代码,为什么所有分类的弹出效果和右侧弹出效果.....

[复制链接]
  • TA的每日心情
    臭美
    2016-6-2 08:39
  • 签到天数: 59 天

    连续签到: 1 天

    [LV.5]略有小成

    12

    主题

    179

    帖子

    6968

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6968

    淘宝皇冠店美工天猫美工

    QQ
    发表于 2016-6-13 09:37:07 | 显示全部楼层 |阅读模式
    店招CSS代码,为什么所有分类的弹出效果和右侧弹出效果不同呀,鼠标滑过的效果也不同,哪里错了呀?这个红色底,在所有分类这里是鼠标不在的时候才出来,右侧那里是放上去就出来的,说的可能不是很明白·····
    你们下载弄上去看看就知道了,求大神呀

    QQ截图20160613093328.jpg
    1. .skin-box-bd .menu-list,.skin-box-bd .menu-list .menu,.menu-list .menu-selected,.menu-list .menu-selected .link,.skin-box-bd .menu-list .link,.menu-list .menu-selected .link,.menu-list .link,.skin-box-bd .menu-list .menu-selected .link .title,.skin-box-bd .menu-list .menu-hover .link,.menu-list .menu-hover .link,.all-cats,.skin-box-bd .all-cats .link,.skin-box-bd .popup-content .cats-tree,.popup-content .cats-tree .snd-pop-inner,.skin-box-bd .popup-content .cats-tree .cat-hd-hover,.skin-box-bd .popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd-hover{background:none transparent;}
    2. .popup-content .cats-tree .snd-pop{left:-9999px;top:-9999px;overflow:hidden;}/*无需修改,可不用删除说明*/
    3. .popup-content .cats-tree .cat .snd-pop{width:0px;-webkit-transition:width 1.13s ease;transition:width 1.13s ease;-o-transition:width 1.13s ease;-moz-transition:width 1.13s ease;}/*向右展开,向下展开请全部CSS的把width改为height ,高度宽度后面数值为展开所用时间,值越小越快,越大越慢*/
    4. .popup-content .cats-tree .cat-hd-hover .snd-pop{width:300px;}/*数值请填写自己设置的三级宽高度大的数值*/





    5. /*弹出层背景和参数*/

    6. /*二级背景色*/ .skin-box-bd .all-cats-popup{width:150px;padding-top:0px;}
    7. /*二级滑过背景色特效*/.cats-tree .fst-cat{transition:all 0.3s ease 0s;width:150px;background:url(//gdp.alicdn.com/imgextra/i2/2123956509/TB2Ci3idVXXXXbbXpXXXXXXXXXX_!!2123956509.jpg) 150px 0px no-repeat;}
    8. /*二级滑过背景色*/  .skin-box-bd .all-cats-popup .cat-hd-hover{width:150px;background:url(//gdp.alicdn.com/imgextra/i2/2123956509/TB2Ci3idVXXXXbbXpXXXXXXXXXX_!!2123956509.jpg) 150px 0px no-repeat;}
    9. /*二级文字色*/.popup-content .fst-cat .cat-name{width:115px;text-align:center;font-weight:normal;color:#d3540d;}
    10. /*二级滑过文字色*/.skin-box-bd .all-cats-popup .cat-hd-hover .fst-cat-hd a.fst-cat-name{color:#FFF;}


    11. /*右侧弹出背景颜色*/.skin-box-bd .popup-content{width:150px;background:url(https://img.alicdn.com/imgextra/i3/847360178/TB2BzQ7qpXXXXaIXXXXXXXXXXXX_!!847360178.png) no-repeat bottom right #000;padding-top:0px;padding-bottom:60px;border-radius:5px;opacity:0.9;border:1px solid #C50D25;}
    12. /*右侧弹出背景滑过颜色特效*/.skin-box-bd .popup-content .menu-popup-cats .sub-cat{-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;width:150px;background:url(//gdp.alicdn.com/imgextra/i2/2123956509/TB2Ci3idVXXXXbbXpXXXXXXXXXX_!!2123956509.jpg) 150px 0px no-repeat;}
    13. /*右侧弹出背景滑过颜色*/.skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover{width:150px;background:url(//gdp.alicdn.com/imgextra/i2/2123956509/TB2Ci3idVXXXXbbXpXXXXXXXXXX_!!2123956509.jpg) 0px 0px no-repeat;}
    14. /*右侧弹出文字颜色与参数*/.skin-box-bd .popup-content .menu-popup-cats .sub-cat .cat-name{width:140px;text-align:center;font-weight:normal;color:#d3540d;}
    15. /*右侧弹出文字滑过颜色*/.skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover .cat-name{color:#FFF;}
    复制代码



  • TA的每日心情
    臭美
    2016-6-2 08:39
  • 签到天数: 59 天

    连续签到: 1 天

    [LV.5]略有小成

    12

    主题

    179

    帖子

    6968

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6968

    淘宝皇冠店美工天猫美工

    QQ
     楼主| 发表于 2016-6-13 09:39:13 | 显示全部楼层
    求大神们帮帮忙呀
  • TA的每日心情
    臭美
    2016-6-2 08:39
  • 签到天数: 59 天

    连续签到: 1 天

    [LV.5]略有小成

    12

    主题

    179

    帖子

    6968

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6968

    淘宝皇冠店美工天猫美工

    QQ
     楼主| 发表于 2016-6-13 15:18:29 | 显示全部楼层
    为啥没人理我呢
  • TA的每日心情
    抱抱
    2016-6-14 08:40
  • 签到天数: 63 天

    连续签到: 2 天

    [LV.6]渐入佳境

    2

    主题

    184

    帖子

    8062

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    8062

    发表于 2016-6-13 18:06:09 | 显示全部楼层
    代码明显错误多多

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


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

  • TA的每日心情
    臭美
    2016-6-2 08:39
  • 签到天数: 59 天

    连续签到: 1 天

    [LV.5]略有小成

    12

    主题

    179

    帖子

    6968

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    6968

    淘宝皇冠店美工天猫美工

    QQ
     楼主| 发表于 2016-6-13 18:18:56 | 显示全部楼层
    林彦红 发表于 2016-6-13 18:06
    代码明显错误多多

    大神^-^帮忙改改呗

  • TA的每日心情
    抱抱
    2016-6-14 08:40
  • 签到天数: 63 天

    连续签到: 2 天

    [LV.6]渐入佳境

    2

    主题

    184

    帖子

    8062

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    8062

    发表于 2016-6-14 09:41:12 | 显示全部楼层
    .skin-box-bd  .popup-content .cats-tree .fst-cat { background-color: #fff600; padding-top:0px;border-bottom:0px; }
    .skin-box-bd .popup-content .cats-tree .cat-hd-hover{background:url(//gdp.alicdn.com/imgextra/i2/2123956509/TB2Ci3idVXXXXbbXpXXXXXXXXXX_!!2123956509.jpg) no-repeat;}
    .popup-content .fst-cat .cat-name{ color:#c50d25; text-align:center; padding-left:0px;width:100%;}
    .skin-box-bd .all-cats-popup .cat-hd-hover .fst-cat-hd a.fst-cat-name{color:#FFF;}
    .popup-content .cats-tree .snd-cat-hd { background: #fffe87; }
    .popup-content .cats-tree .snd-cat-hd-hover { background:url(//gdp.alicdn.com/imgextra/i2/2123956509/TB2Ci3idVXXXXbbXpXXXXXXXXXX_!!2123956509.jpg) no-repeat;}
    .skin-box-bd .popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a {color:#c50d25;text-align:center; padding-left:0px;width:100%;}
    .skin-box-bd .popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd.snd-cat-hd-hover a {color:#ffffff;}
    .popup-content .cats-tree .snd-pop-inner {padding:0px;height: 90px;}

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-8 10:12 , Processed in 0.154441 second(s), 20 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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