淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

【峰生水起】你爱百变 我不善变 练手

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

    7 天前
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

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

    Rank: 12Rank: 12Rank: 12

    积分
    539106

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

    QQ
    发表于 2015-4-1 15:57:17 | 显示全部楼层 |阅读模式
            嘻嘻,今天是愚人节,在些地方看到某些帖子有点愚人的,那么你是被愚了,还是你愚别人了呢~~~
    哼!哼!好了,前戏结束,直入主题,是神马看效果图
    效果图:


    代码如下:
    1. <div style="height:362px;">
    2.   <div class="most-footer footer-more-trigger" style="left:50%;width:950px;height:362px;right:auto;top:auto;padding:0;border:none;left:auto;z-index:1;background-color:transparent;">
    3.     <div class="most-footer footer-more-trigger" style="left:-200px;top:auto;border:none;padding:0;background-color:transparent;">
    4. <div style="width:950px; height:362px; margin:0 auto; border:#ddd solid 1px; background:#f1f1f1;">
    5.    <!--hd begin-->
    6.    <div style="width:950px; height:36px;">
    7.       <h3 style="width:168px; height:36px; font-size:20px; float:left; padding-left:60px; line-height:36px; background:url(http://img.alicdn.com/tps/i2/T1HV5iXxVdXXaYLYAh-56-200.png) 0 -160px no-repeat;"> 22:00场</h3>
    8.       <span style="width:266px; height:36px; float:right;">
    9.          <div class="J_TWidget" data-widget-type="Countdown" data-widget-config="{'endTime':'2015-4-1 10:00:00','interval':'1000','timeRunCls':'.designux-run','timeUnitCls':{'d':'.designux-d','h':'.designux-h','m':'.designux-m','s':'.designux-s'},'minDigit':2}">
    10.    <div class="designux-run">
    11.       <span style="font-size:26px; color:#c7223d; font-weight:bold;">离结束仅剩:</span>
    12.       <span class="designux-h" style="width:35px; height:35px; display:inline-block; text-align:center; line-height:35px; font-size:28px; color:#FFF; background:#000; font-family:Arial; font-weight:bold;">00</span>
    13.       <span class="designux-m" style="width:35px; height:35px; display:inline-block; text-align:center; line-height:35px; font-size:28px; color:#FFF; background:#000; font-family:Arial; font-weight:bold;">00</span>
    14.       <span class="designux-s" style="width:35px; height:35px; display:inline-block; text-align:center; line-height:35px; font-size:28px; color:#FFF; background:#000; font-family:Arial; font-weight:bold;">00</span>
    15.    </div>
    16. </div>
    17.       </span>
    18.    </div>
    19.    <!--hd end-->
    20.    <!--bd begin-->
    21.    <div style="width:950px; height:320px; margin:0 5px;">
    22.       <div style="width:300px; height:310px; margin:10px 20px 10px 0; float:left; background:#999;">
    23.          <div class="designue-trigger" style="width:300px; height:310px;">
    24.    <a href="#" style=" width:298px; height:308px; display:block; border:#dcdcdc solid 1px; background:#FFF; text-decoration:none; overflow:hidden;">
    25.       <img style="width:300px; height:200px; margin-bottom:10px;" src="http://gju3.alicdn.com/bao/uploaded/i4/10000082936780438/TB2_QYxbVXXXXbGXpXXXXXXXXXX_!!0-0-juitemmedia.jpg_400x400Q90.jpg_.webp">
    26.       <h4 style="font-size:14px; color:#333; margin:0 10px 2px; font-weight:400;">新奥尔良风 味春季踏青 烧烤天然原料</h4>
    27.       <div style="width:278px; height:45px; margin-bottom:6px; margin:0 auto; padding-top:30px;">
    28.          <span>
    29.            <i style="height:10px; line-height:40px; font-size:16px; color:#f72862; font-style:normal; font-weight:700;">¥</i>
    30.            <em style="height:10px; line-height:40px; font-size:32px; font-weight:400; color:#f72862; font-style:normal;">26.80</em>
    31.          </span>
    32.          <s style="color:#9B9B9B; font-size:12px;">¥75.00</s>
    33.          <span style="color:#888; font-size:12px; float:right; line-height:45px;"><em style="font-size:16px; color:#f72862; font-weight:bold; font-style:normal; margin-right:4px;">119</em>件已售</span>
    34.       </div>
    35.    </a>
    36. </div>

    37. <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    38.           'trigger':'.designue-trigger',
    39.           'align':{
    40.                   'node':'.designue-trigger',
    41.                   'offset':[0,0],
    42.                   'points':['cc','cc']
    43.                   }
    44.             }">
    45.     <div style="width:300px; height:310px; background:#f72862; margin:0 auto;">
    46.        <a href="#" style=" width:298px; height:308px; display:block; border:#F72862 solid 1px; background:#f72862; text-decoration:none; overflow:hidden;">
    47.       <img style="width:300px; height:200px; margin-bottom:10px;" src="http://gju3.alicdn.com/bao/uploaded/i4/10000082936780438/TB2_QYxbVXXXXbGXpXXXXXXXXXX_!!0-0-juitemmedia.jpg_400x400Q90.jpg_.webp">
    48.       <h4 style="font-size:14px; color:#FFF; margin:0 10px 2px; font-weight:400;">新奥尔良风 味春季踏青 烧烤天然原料</h4>
    49.       <div style="width:278px; height:45px; margin-bottom:6px; margin:0 auto; padding-top:30px;">
    50.          <span>
    51.            <i style="height:10px; line-height:40px; font-size:16px; color:#FFF; font-style:normal; font-weight:700;">¥</i>
    52.            <em style="height:10px; line-height:40px; font-size:32px; font-weight:400; color:#FFF; font-style:normal;">26.80</em>
    53.          </span>
    54.          <s style="color:#FFF; font-size:12px;">¥75.00</s>
    55.          <span style="color:#FFF; font-size:12px; float:right; line-height:45px;"><em style="font-size:16px; color:#FFF; font-weight:bold; font-style:normal; margin-right:4px;">119</em>件已售</span>
    56.       </div>
    57.    </a>
    58.     </div>
    59. </div>
    60. </div>
    61.       <div style="width:300px; height:310px; margin:10px 20px 10px 0; float:left; background:#999;">
    62.           <div class="designue-trigger2" style="width:300px; height:310px;">
    63.    <a href="#" style=" width:298px; height:308px; display:block; border:#dcdcdc solid 1px; background:#FFF; text-decoration:none; overflow:hidden;">
    64.       <img style="width:300px; height:200px; margin-bottom:10px;" src="http://gju3.alicdn.com/bao/uploaded/i2/10000060799432267/TB2jD99aXXXXXcLXXXXXXXXXXXX_!!0-0-juitemmedia.jpg_400x400Q90.jpg_.webp">
    65.       <h4 style="font-size:14px; color:#333; margin:0 10px 2px; font-weight:400;">美容养颜调理 自然封盖成熟 极速物流配送</h4>
    66.       <div style="width:278px; height:45px; margin-bottom:6px; margin:0 auto; padding-top:30px;">
    67.          <span>
    68.            <i style="height:10px; line-height:40px; font-size:16px; color:#f72862; font-style:normal; font-weight:700;">¥</i>
    69.            <em style="height:10px; line-height:40px; font-size:32px; font-weight:400; color:#f72862; font-style:normal;">18.80</em>
    70.          </span>
    71.          <s style="color:#9B9B9B; font-size:12px;">¥88.00</s>
    72.          <span style="color:#888; font-size:12px; float:right; line-height:45px;"><em style="font-size:16px; color:#f72862; font-weight:bold; font-style:normal; margin-right:4px;">288</em>件已售</span>
    73.       </div>
    74.    </a>
    75. </div>

    76. <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    77.           'trigger':'.designue-trigger2',
    78.           'align':{
    79.                   'node':'.designue-trigger2',
    80.                   'offset':[0,0],
    81.                   'points':['cc','cc']
    82.                   }
    83.             }">
    84.     <div style="width:300px; height:310px; background:#f72862; margin:0 auto;">
    85.        <a href="#" style=" width:298px; height:308px; display:block; border:#F72862 solid 1px; background:#f72862; text-decoration:none; overflow:hidden;">
    86.       <img style="width:300px; height:200px; margin-bottom:10px;" src="http://gju3.alicdn.com/bao/uploaded/i2/10000060799432267/TB2jD99aXXXXXcLXXXXXXXXXXXX_!!0-0-juitemmedia.jpg_400x400Q90.jpg_.webp">
    87.       <h4 style="font-size:14px; color:#FFF; margin:0 10px 2px; font-weight:400;">美容养颜调理 自然封盖成熟 极速物流配送</h4>
    88.       <div style="width:278px; height:45px; margin-bottom:6px; margin:0 auto; padding-top:30px;">
    89.          <span>
    90.            <i style="height:10px; line-height:40px; font-size:16px; color:#FFF; font-style:normal; font-weight:700;">¥</i>
    91.            <em style="height:10px; line-height:40px; font-size:32px; font-weight:400; color:#FFF; font-style:normal;">18.80</em>
    92.          </span>
    93.          <s style="color:#FFF; font-size:12px;">¥88.00</s>
    94.          <span style="color:#FFF; font-size:12px; float:right; line-height:45px;"><em style="font-size:16px; color:#FFF; font-weight:bold; font-style:normal; margin-right:4px;">288</em>件已售</span>
    95.       </div>
    96.    </a>
    97.     </div>
    98. </div>
    99.       </div>
    100.       <div style="width:300px; height:310px; margin:10px 0 10px 0; float:left; background:#999;">
    101.          <div class="designue-trigger3" style="width:300px; height:310px;">
    102.    <a href="#" style=" width:298px; height:308px; display:block; border:#dcdcdc solid 1px; background:#FFF; text-decoration:none; overflow:hidden;">
    103.       <img style="width:300px; height:200px; margin-bottom:10px;" src="http://gju4.alicdn.com/bao/uploaded/i2/10000073102133827/TB2eIZpcXXXXXX3XpXXXXXXXXXX_!!0-0-juitemmedia.jpg_400x400Q90.jpg_.webp">
    104.       <h4 style="font-size:14px; color:#333; margin:0 10px 2px; font-weight:400;">经典鱿鱼零食 肉质软嫩鲜美 果木炭烤工业</h4>
    105.       <div style="width:278px; height:45px; margin-bottom:6px; margin:0 auto; padding-top:30px;">
    106.          <span>
    107.            <i style="height:10px; line-height:40px; font-size:16px; color:#f72862; font-style:normal; font-weight:700;">¥</i>
    108.            <em style="height:10px; line-height:40px; font-size:32px; font-weight:400; color:#f72862; font-style:normal;">15.80</em>
    109.          </span>
    110.          <s style="color:#9B9B9B; font-size:12px;">¥75.00</s>
    111.          <span style="color:#888; font-size:12px; float:right; line-height:45px;"><em style="font-size:16px; color:#f72862; font-weight:bold; font-style:normal; margin-right:4px;">119</em>件已售</span>
    112.       </div>
    113.    </a>
    114. </div>

    115. <div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{
    116.           'trigger':'.designue-trigger3',
    117.           'align':{
    118.                   'node':'.designue-trigger3',
    119.                   'offset':[0,0],
    120.                   'points':['cc','cc']
    121.                   }
    122.             }">
    123.     <div style="width:300px; height:310px; background:#f72862; margin:0 auto;">
    124.        <a href="#" style=" width:298px; height:308px; display:block; border:#F72862 solid 1px; background:#f72862; text-decoration:none; overflow:hidden;">
    125.       <img style="width:300px; height:200px; margin-bottom:10px;" src="http://gju4.alicdn.com/bao/uploaded/i2/10000073102133827/TB2eIZpcXXXXXX3XpXXXXXXXXXX_!!0-0-juitemmedia.jpg_400x400Q90.jpg_.webp">
    126.       <h4 style="font-size:14px; color:#FFF; margin:0 10px 2px; font-weight:400;">经典鱿鱼零食 肉质软嫩鲜美 果木炭烤工业</h4>
    127.       <div style="width:278px; height:45px; margin-bottom:6px; margin:0 auto; padding-top:30px;">
    128.          <span>
    129.            <i style="height:10px; line-height:40px; font-size:16px; color:#FFF; font-style:normal; font-weight:700;">¥</i>
    130.            <em style="height:10px; line-height:40px; font-size:32px; font-weight:400; color:#FFF; font-style:normal;">15.80</em>
    131.          </span>
    132.          <s style="color:#FFF; font-size:12px;">¥75.00</s>
    133.          <span style="color:#FFF; font-size:12px; float:right; line-height:45px;"><em style="font-size:16px; color:#FFF; font-weight:bold; font-style:normal; margin-right:4px;">119</em>件已售</span>
    134.       </div>
    135.    </a>
    136.     </div>
    137. </div>
    138.       </div>
    139.    </div>
    140.    <!--bd end-->
    141. </div>
    142. </div>
    143. </div>
    144. </div>
    复制代码



    评分

    参与人数 1美工币 +20 收起 理由
    莱美 + 20 原创!

    查看全部评分

    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
  • TA的每日心情
    大哭
    2016-2-3 20:41
  • 签到天数: 67 天

    连续签到: 1 天

    [LV.6]渐入佳境

    25

    主题

    310

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    18543

    发表于 2015-4-1 16:22:00 | 显示全部楼层
    哇好厉害的样子,居然沙发了。这个帖子果然是一个深藏功与名的好帖子。我先试试代码先。

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


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

  • TA的每日心情
    大哭
    2016-2-22 14:36
  • 签到天数: 98 天

    连续签到: 1 天

    [LV.6]渐入佳境

    37

    主题

    841

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77741

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

    发表于 2015-4-1 16:42:57 | 显示全部楼层
    峰生每次发帖子都是我很需要的,支持

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


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

  • TA的每日心情

    7 天前
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

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

    Rank: 12Rank: 12Rank: 12

    积分
    539106

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

    QQ
     楼主| 发表于 2015-4-1 19:29:28 | 显示全部楼层
    乖乖兔 发表于 2015-4-1 16:42
    峰生每次发帖子都是我很需要的,支持

    真的吗?我知道今天是什么日子的喔!须然我没读过书,但希望大家不要骗我

    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
  • TA的每日心情
    大哭
    2016-5-10 10:48
  • 签到天数: 315 天

    连续签到: 1 天

    [LV.8]自成一派

    4

    主题

    182

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    76882

    最佳新人

    发表于 2015-4-1 21:01:26 | 显示全部楼层
    前排围观,谢谢大神分享~~~~爱你。

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


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

  • TA的每日心情
    吐舌头
    2015-12-9 22:07
  • 签到天数: 215 天

    连续签到: 1 天

    [LV.7]炉火纯青

    5

    主题

    982

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    40202

    最佳新人热心会员

    发表于 2015-4-2 09:18:41 | 显示全部楼层
    代码太多了,看了直接飘过~

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


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

  • TA的每日心情

    7 天前
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

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

    Rank: 12Rank: 12Rank: 12

    积分
    539106

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

    QQ
     楼主| 发表于 2015-4-2 10:37:01 | 显示全部楼层
    落汐 发表于 2015-4-2 09:18
    代码太多了,看了直接飘过~

    嘻嘻,我也萌了;好久不见你咯

    点评

    前段时间可忙了,刚恢复上班嘛,所以又出来溜溜~~  发表于 2015-4-2 16:34
    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
  • TA的每日心情
    大哭
    2016-2-22 14:36
  • 签到天数: 98 天

    连续签到: 1 天

    [LV.6]渐入佳境

    37

    主题

    841

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    77741

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

    发表于 2015-4-2 13:22:24 | 显示全部楼层
    峰生水起之林 发表于 2015-4-1 19:29
    真的吗?我知道今天是什么日子的喔!须然我没读过书,但希望大家不要骗我

    ...

    忘记愚人节吧,。真心不骗你

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


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

  • TA的每日心情

    7 天前
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

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

    Rank: 12Rank: 12Rank: 12

    积分
    539106

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

    QQ
     楼主| 发表于 2015-4-2 14:07:35 | 显示全部楼层
    乖乖兔 发表于 2015-4-2 13:22
    忘记愚人节吧,。真心不骗你

    谢谢支持了

    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
  • TA的每日心情

    2015-5-11 14:51
  • 签到天数: 12 天

    连续签到: 1 天

    [LV.3]武林新秀

    0

    主题

    14

    帖子

    1674

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1674

    发表于 2015-4-5 00:05:48 | 显示全部楼层
    嘻嘻,今天是愚人节,在些地方看到某些帖子有点愚人的,那么你是被愚了,还是你愚别人了呢~~~
    哼!哼!好了,前戏结束,直入主题,是神马看效果图
    效果图:

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-8 12:12 , Processed in 0.136726 second(s), 22 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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