淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2203|回复: 20
收起左侧

官方可用class搜集

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

    2016-11-16 15:40
  • 签到天数: 99 天

    连续签到: 2 天

    [LV.6]渐入佳境

    16

    主题

    336

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43960

    发表于 2015-6-11 11:06:10 | 显示全部楼层 |阅读模式
    1. /*----------天猫店铺----------*/
    2. /*01.伪类(此css类请配合使用)*/
    3. .ui-brand-btn-ex-align-left {
    4.     float: left;
    5.     overflow: hidden;
    6.     padding-left: 5px;
    7.     text-align: left;
    8.     width: 17px;
    9. }
    10. .ui-brand-btn-ex-align-left:hover {
    11.     padding-left: 18px;
    12.     width: 57px;
    13. }
    14. .ui-brand-btn-ex-align-left span {
    15.     display: none;
    16. }
    17. .ui-brand-btn-ex-align-left:hover span {
    18.     display: inline-block;
    19. }
    20. .ui-brand-btn-ex-align-right {
    21.     float: right;
    22.     overflow: hidden;
    23.     text-align: center;
    24.     width: 22px;
    25. }
    26. .ui-brand-btn-ex-align-right:hover {
    27.     text-align: center;
    28.     width: 75px;
    29. }
    30. .ui-brand-btn-ex-align-right span {
    31.     display: none;
    32. }
    33. .ui-brand-btn-ex-align-right:hover span {
    34.     display: inline-block;
    35. }

    36. /*-------------------------------------*/
    37. /*02.定位类*/
    38. .mallNav-others {
    39.     position: absolute;
    40.     right: 0;
    41.     top: 0;
    42. }

    43. .footer-qrcode {
    44.     background: url("http://gtms01.alicdn.com/tps/i1/T1a1vVFl4cXXcX4ZjM-160-150.png") no-repeat scroll 0 0 #fff;
    45.     height: 160px;
    46.     left: 50%;
    47.     margin-left: -90px;
    48.     overflow: hidden;
    49.     position: absolute;
    50.     top: -330px;
    51.     width: 160px;
    52. }

    53. .sn-simple-logo {
    54.     position: absolute;
    55. }

    56. .s-menu {
    57.     background: none repeat scroll 0 0 #fff;
    58.     border-color: #bebebe;
    59.     border-style: solid;
    60.     border-width: 1px;
    61.     cursor: default;
    62.     margin: 0;
    63.     outline: 0 none;
    64.     position: absolute;
    65.     z-index: 99999;
    66. }

    67. /*-----------*/
    68. /*03.其它类*/
    69. .hidden {
    70.     display: none;
    71. }

    72. /*----------天猫店铺 end----------*/



    73. /*----------集市店铺----------*/
    74. /*01.定位类*/
    75. .search-menu {
    76.     background: none repeat scroll 0 0 #fff;
    77.     border-color: #bebebe;
    78.     border-style: solid;
    79.     border-width: 1px;
    80.     cursor: default;
    81.     margin: 0;
    82.     outline: 0 none;
    83.     position: absolute;
    84.     z-index: 99999;
    85. }

    86. .most-footer {
    87.     background: none repeat scroll 0 0 #fff;
    88.     border-top: 1px solid #e4e4e4;
    89.     padding: 0;
    90.     position: absolute;
    91.     width: 100%;
    92. }

    93. .cloud-footer {
    94.     background: none repeat scroll 0 0 #fff;
    95.     border-top: 0 none;
    96.     display: none;
    97.     height: 100%;
    98.     overflow: hidden;
    99.     padding: 0;
    100.     position: absolute;
    101.     right: 0;
    102.     top: 0;
    103.     width: 50%;
    104.     z-index: 100;
    105. }

    106. .footer-more-trigger {
    107.     border: 1px solid #fff;
    108.     left: -12px;
    109.     line-height: 1.3;
    110.     padding: 6px 11px 4px 14px;
    111.     position: absolute;
    112.     top: -5px;
    113.     width: 37px;
    114. }

    115. .footer-more-panel {
    116.     background: none repeat scroll 0 0 white;
    117.     border: 1px solid #c5c5c5;
    118.     bottom: -90px;
    119.     display: none;
    120.     line-height: 1.9;
    121.     padding: 7px 3px 2px 2px;
    122.     position: absolute;
    123.     right: 26px;
    124.     text-align: left;
    125.     width: 57px;
    126. }

    127. .site-nav-fixed {
    128.     position: fixed;
    129.     top: 0;
    130. }

    131. .allcat-result {
    132.     background-position: -5px -98px;
    133.     clear: both;
    134.     margin: 10px 0 -25px 5px;
    135.     padding-left: 18px;
    136. }

    137. /*02.伪类(此类请搭配使用)*/
    138. .footer-more-panel {
    139.     background: none repeat scroll 0 0 white;
    140.     border: 1px solid #c5c5c5;
    141.     bottom: -90px;
    142.     display: none;
    143.     line-height: 1.9;
    144.     padding: 7px 3px 2px 2px;
    145.     position: absolute;
    146.     right: 26px;
    147.     text-align: left;
    148.     width: 57px;
    149. }

    150. .footer-more-hover .footer-more-panel, .footer-more:hover .footer-more-panel {
    151.     display: block;
    152. }

    153. .footer-more-hover .footer-more-trigger,.footer-more:hover .footer-more-trigger {
    154.   border-color: #c5c5c5;
    155.   background: #fff;
    156.   border-bottom: 0;
    157. }

    158. .footer-more {
    159.     cursor: pointer;
    160.     float: left;
    161.     padding-top: 1px;
    162.     position: relative;
    163.     width: 82px;
    164.     z-index: 1;
    165. }

    166. .xm-musicplayer {
    167.     border-top: 1px solid #e2e2e2;
    168.     font-size: 12px;
    169.     position: relative;
    170.     width: 51px;
    171.     z-index: 400;
    172. }

    173. .xm-musicplayer .xm-play-status {
    174.     background-position: 0 -155px;
    175. }

    176. .xm-musicplayer .xm-img {
    177.     background-color: #fff;
    178.     border: 1px solid #e2e2e2;
    179.     display: block;
    180.     height: 57px;
    181.     margin-top: -1px;
    182.     opacity: 0.85;
    183.     text-decoration: none;
    184.     width: 51px;
    185. }

    186. .xm-musicplayer .xm-img:hover {
    187.     opacity: 1;
    188. }

    189. .xm-musicplayer .xm-bookmark-con {
    190.     background: #e2e2e2 none repeat scroll 0 0;
    191.     height: 48px;
    192.     padding-left: 15px;
    193.     padding-top: 8px;
    194. }

    195. .search-wrap-cloud .item-text {
    196.   background-position: right 0;
    197.   padding-right: 20px;
    198.   background: transparent url("http://img02.taobaocdn.com/tps/i2/T1RQJHFmRXXXXfwe2X-15-50.png") no-repeat scroll 50% center;
    199. }

    200. .footer-more-trigger .arrow-d {
    201.     border-color: #666 transparent transparent;
    202.     border-top-style: solid;
    203.     right: 12px;
    204.     top: 11px;
    205. }

    206. .footer-more-hover .footer-more-trigger .arrow-d, .footer-more:hover .footer-more-trigger .arrow-d {
    207.     transform: rotate(180deg);
    208.     transform-origin: 50% 30% 0;
    209. }
    210. .footer .footer-bd a:hover, .footer .footer-hd a:hover {
    211.     color: #f40;
    212.     text-decoration: none;
    213. }
    214. .tmsg_panel_strong_button_next:hover {
    215.     background-position: -37px 0;
    216. }
    217. .tmsg_app:hover {
    218.     background: #f7f7f7 none repeat scroll 0 0;
    219. }
    220. .tmsg_app:hover .tmsg_button_linkout-to-app {
    221.     background-position: -40px -72px;
    222.     display: block;
    223.     height: 60px;
    224.     position: absolute;
    225.     right: 13px;
    226.     top: 47px;
    227.     width: 20px;
    228. }

    229. /*03.其它类*/
    230. .hidden{
    231.    display:none;
    232. }
    233. .pagination-mini {
    234.     color: #a7a0ab;
    235.     margin-top: 3px;
    236. }
    237. /*----------集市店铺 end----------*/

    配合使用可以玩出很多花样

    评分

    参与人数 4美工币 +240 收起 理由
    dscsct + 20 很给力! 好样的,感谢分享,有的玩了。.
    Rain + 100 赞一个!
    峰生水起之林 + 100 很给力!省去自个找了
    熙XI熙 + 20 乐于助人!

    查看全部评分

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


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

  • TA的每日心情
    加油
    2016-6-25 19:30
  • 签到天数: 146 天

    连续签到: 1 天

    [LV.7]炉火纯青

    2

    主题

    54

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    30067

    发表于 2015-6-11 11:27:34 | 显示全部楼层
    很不错,可以试试

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


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

  • TA的每日心情
    加油
    2016-2-19 10:16
  • 签到天数: 112 天

    连续签到: 1 天

    [LV.6]渐入佳境

    3

    主题

    410

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23943

    最佳新人热心会员

    QQ
    发表于 2015-6-11 11:34:30 | 显示全部楼层
    谢谢分享
    我就看看不说话
  • TA的每日心情
    大哭
    2016-2-22 14:36
  • 签到天数: 98 天

    连续签到: 1 天

    [LV.6]渐入佳境

    37

    主题

    841

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77741

    天猫美工热心会员最佳新人活跃会员

    发表于 2015-6-11 11:58:29 | 显示全部楼层
    不懂代码的帮顶

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


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

  • TA的每日心情

    2016-12-1 19:08
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

    黄皮很酸吗? 糖糖很甜吗? 亲 我一下犯法吗?

    Rank: 12Rank: 12Rank: 12

    积分
    539106

    最佳新人热心会员宣传达人推广达人活跃会员优秀版主

    QQ
    发表于 2015-6-11 12:04:48 | 显示全部楼层
    很给力!省去自个找了
    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
  • TA的每日心情
    抱抱
    12 小时前
  • 签到天数: 1103 天

    连续签到: 8 天

    [LV.10]功行圆满

    4

    主题

    316

    帖子

    23万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    239686

    发表于 2015-6-11 12:22:47 | 显示全部楼层
    我是文盲 但还是要收藏 谢谢分享

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


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

  • TA的每日心情
    加油
    2016-10-27 15:47
  • 签到天数: 20 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    18

    主题

    710

    帖子

    5万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    56733

    发表于 2015-6-11 13:51:43 | 显示全部楼层
    谢谢分享。留个脚印
    胆小勿点!★大神群308158281
  • TA的每日心情

    2016-11-11 14:02
  • 签到天数: 31 天

    连续签到: 1 天

    [LV.5]略有小成

    0

    主题

    56

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    29653

    发表于 2015-6-11 20:01:29 | 显示全部楼层
    留个名,日后省的自己找

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


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

  • TA的每日心情
    臭美
    前天 16:40
  • 签到天数: 459 天

    连续签到: 1 天

    [LV.9]已臻大成

    46

    主题

    1156

    帖子

    10万

    积分

    高级会员

    阅读权限: 50

    请叫我高手

    Rank: 8Rank: 8

    积分
    100685

    QQ
    发表于 2015-6-11 20:22:19 | 显示全部楼层
    突然都这么高大上
    我不会做图,我只是偷图!
    不要叫我天才,请叫我高手!
  • TA的每日心情
    抱抱
    2016-10-14 17:55
  • 签到天数: 90 天

    连续签到: 1 天

    [LV.6]渐入佳境

    17

    主题

    585

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    23826

    发表于 2015-6-12 09:33:57 | 显示全部楼层
    写一个中文介绍最好了

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-9 19:39 , Processed in 0.157170 second(s), 26 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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